/* Responsive image wrappers for high-resolution WebP/JPEG sources. */
.hero-image {
  filter: none;
  animation: none;
}

.hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.86) contrast(1.04);
  animation: hero-zoom 18s ease-out both;
}

.slide picture,
.slide picture img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .hero-image img { animation: none; }
}