.hero { background-image: linear-gradient(180deg, rgba(12,9,8,0) 0%, rgba(12,9,8,0) 42%, rgba(12,9,8,.72) 74%, var(--bg) 100%), url("/static/img/hero.jpg"); background-position: center 32%; }
.page-head { background-image: linear-gradient(180deg, rgba(12,9,8,.25) 0%, rgba(12,9,8,.55) 60%, var(--bg) 100%), url("/static/img/hero.jpg"); background-position: center 58%; }
@media (max-width: 760px) {
  .hero { background-position: 50% 0; }
  .page-head { background-position: center 98%; }
}