.steam-page .category-hero::before {
  background-image: url("/assets/saunaservice/catalog/steam-generators-hero-1600.webp");
  background-position: center;
}

.steam-page .category-hero::after {
  background:
    linear-gradient(90deg, rgba(10,9,8,.98) 0%, rgba(10,9,8,.86) 39%, rgba(10,9,8,.16) 72%, rgba(10,9,8,.3) 100%),
    linear-gradient(0deg, rgba(10,9,8,.72), transparent 55%);
}

@media (max-width: 720px) {
  .steam-page .category-hero::before {
    background-image: url("/assets/saunaservice/catalog/steam-generators-hero-960.webp");
    background-position: 61% center;
  }
}