.banner {
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0%;
  background: white;
  cursor: pointer;
  z-index: 2;
}

.text img,
.plus img {
  width: 100%;
  height: 100%;
}
.bannerimg {
  width: 30%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/banner_img.png");
  background-size: cover;
}
.text {
  width: 25%;
  height: 18%;
  right: 8%;
  top: 5%;
  position: absolute;
}
.bannerlogo {
  width: 23%;
  height: 85%;
  background-image: url("../images/corolla_logo.png");
  background-size: cover;
  position: absolute;
  left: 5%;
  top: 8%;
}
.learnmore {
  width: 20%;
  height: 50%;
  background-image: url("../images/learnMoreCta.png");
  background-size: cover;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.plus {
  width: 4%;
  position: absolute;
  cursor: pointer;
  right: 3%;
  top: 35%;
}
.close {
  width: 30px;
  height: 30px;
  float: right;
  z-index: 3;
  background-image: url("../images/close.png");
  background-size: cover;
}