.hero-banner-image picture img{
  width: 100%;
  object-fit: contain;
  height: auto;
}
.hero-banner-image .image-content-wrapper{
  max-width: 500px;
  width: 95%;
  top: 40% !important;
}

.hero-banner-image .image-content-wrapper h2{
  color: #fff;
}

@media (min-width: 768px) {
  .hero-banner-image .image-content-wrapper{
    max-width: 500px;
    width: 65%;
    top: 50%!important;
  }
}