.hero-photo {
  animation: none;
  transform: none;
}

@media (max-width: 820px) {
  .hero-photo { object-position: 68% center; }
  .hero-overlay { background: linear-gradient(90deg, rgba(26,5,48,.92), rgba(45,9,59,.54) 72%, rgba(45,9,59,.2)); }
}