/* Don2: independent fast image rolls for the two mobile photo frames. */
@media (max-width: 680px) {
  .hero-photo-frame img {
    opacity: 1;
    transition: opacity 120ms linear;
  }
  .hero-photo-frame.is-rolling img { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-photo-frame img { transition: none; }
}