.image-banner {
  height: 270px;
}
.image-banner .img-hero {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .image-banner {
    height: 350px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .image-banner {
    height: 524px !important;
  }
}
@media only screen and (min-width: 1800px) {
  .image-banner .img-hero {
    max-width: 1760px;
    border-radius: 2rem;
    left: 50% !important;
    transform: translateX(-50%);
  }
}