/* Global cinematic motion for Hero Images only.
   Videos are intentionally excluded. */
.hero{
  overflow:hidden;
}

.hero > img,
.hero img.hero-video{
  transform:scale(1);
  transform-origin:center center;
  will-change:transform;
  animation:shatat-hero-zoom-in 10s ease-in-out infinite alternate;
}

@keyframes shatat-hero-zoom-in{
  from{transform:scale(1)}
  to{transform:scale(1.20)}
}

@media (prefers-reduced-motion: reduce){
  .hero > img,
  .hero img.hero-video{
    animation:none !important;
    transform:none !important;
  }
}