.hero.hero-single {
  background-image: linear-gradient(90deg, rgba(31, 22, 29, .31), rgba(31, 22, 29, .05)), url('home-warmer-cascade-hero.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(460px, 46vw, 680px);
}

.hero.hero-single .hero-copy {
  background: rgba(255, 253, 250, .91);
  box-shadow: 0 14px 38px rgba(22, 14, 20, .2);
  padding: clamp(1.6rem, 4vw, 3rem);
}

@media (max-width: 540px) {
  .hero.hero-single { background-position: 58% center; min-height: 500px; }
  .hero.hero-single .hero-copy { background: rgba(255, 253, 250, .94); }
}

.fragrance-systems {
  background-image: linear-gradient(rgba(50, 27, 55, .78), rgba(50, 27, 55, .78)), url('home-fragrance-system-wax-bars.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fragrance-systems .systems-list {
  background: rgba(54, 30, 59, .68);
  padding: 0 1.2rem;
}

@media (max-width: 540px) {
  .fragrance-systems { background-position: 54% center; }
}