/* Gentle entrance for content images as they become visible. */
@media (prefers-reduced-motion: no-preference) {
  #wrap img.ap-image-pending {
    opacity: 0 !important;
    transform: translate3d(0, 24px, 0) scale(.975) !important;
  }

  #wrap img.ap-image-revealed {
    animation: ap-image-enter .8s cubic-bezier(.2, .7, .2, 1) both !important;
    animation-delay: var(--ap-image-delay, 0ms) !important;
  }

  @keyframes ap-image-enter {
    from { opacity: 0; transform: translate3d(0, 24px, 0) scale(.975); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }
}