@media (max-width: 800px) {
  .hero { touch-action: pan-y; }
  .hero.swipe-changed > img { animation: hero-swipe-fade .28s ease-out; }
}

@keyframes hero-swipe-fade {
  from { opacity: .68; transform: scale(1.012); }
  to { opacity: 1; transform: scale(1); }
}