.hero.hero {
  background:
    linear-gradient(90deg, rgba(5,33,52,.18), rgba(7,48,65,.10) 46%, rgba(7,48,65,0) 74%),
    url('hero-treasure-animated.png') center / cover !important;
}

@media (max-width: 640px) {
  .hero.hero {
    background:
      linear-gradient(90deg, rgba(5,33,52,.24), rgba(7,48,65,.08)),
      url('hero-treasure-animated.png') 62% center / cover !important;
  }
}