.products-hero,
.contact-hero {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.products-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(5, 25, 52, 0.97) 0%,
      rgba(18, 78, 142, 0.82) 52%,
      rgba(18, 78, 142, 0.22) 100%
    ),
    url("../img/banner/banner.jpg") !important;
  background-position: center !important;
}
.contact-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(5, 25, 52, 0.96) 0%,
      rgba(18, 78, 142, 0.78) 46%,
      rgba(18, 78, 142, 0.08) 100%
    ),
    url("../img/banner/banner-contact.jpg") !important;
  background-position: center !important;
}
.products-hero .container,
.contact-hero .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .products-hero,
  .contact-hero {
    background-image:
      linear-gradient(90deg, rgba(5, 25, 52, 0.95), rgba(18, 78, 142, 0.72)),
      var(--hero-image) !important;
  }
  .products-hero {
    --hero-image: url("../img/banner/banner.jpg");
    background-position: 58% center !important;
  }
  .contact-hero {
    --hero-image: url("../img/banner/banner-contact.jpg");
    background-position: 42% center !important;
  }
}