/* Occasions hero: standalone asset so this visual can be released independently. */
.occasions-page .occasions-hero {
  background-image: linear-gradient(90deg, rgba(5, 5, 5, .89) 0%, rgba(5, 5, 5, .73) 36%, rgba(5, 5, 5, .37) 69%, rgba(5, 5, 5, .28) 100%), url('/images/occasions-hero-v1.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 650px) {
  .occasions-page .occasions-hero {
    background-position: 64% center;
  }
}