/* Epavor city hero image layer. Loaded after the landing styles. */
section.city-image-hero.city-image-hero.city-image-hero {
  background-image:
    linear-gradient(90deg, rgba(15, 23, 42, .88) 0%, rgba(15, 23, 42, .65) 48%, rgba(15, 23, 42, .28) 100%),
    var(--city-hero-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  section.city-image-hero.city-image-hero.city-image-hero {
    background-image:
      linear-gradient(180deg, rgba(15, 23, 42, .92) 0%, rgba(15, 23, 42, .78) 62%, rgba(15, 23, 42, .54) 100%),
      var(--city-hero-image);
    background-position: 58% center;
  }
}