.custom-banner-hero {
  position: relative;
  height: 310px;
  overflow: hidden;
  height: 700px;
}

.custom-banner-hero .hero__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: scaleUp 10s forwards;
  animation: scaleUp 10s forwards;
}


@keyframes scaleUp {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}


@media (max-width: 1217px){
  .custom-banner-hero {
    height: 600px;
  }
}

@media (max-width: 991px){
  .custom-banner-hero {
    height: 500px;
  }
}

@media (max-width: 767px){
  .custom-banner-hero {
    height: 400px;
  }
}

@media (max-width: 565px){
  .custom-banner-hero {
    height: 310px;
  }
}