html.image-fade-ready img:not([data-image-loaded="true"]) {
  opacity: 0;
}

html.image-fade-ready img[data-image-loaded="true"] {
  opacity: 1;
  transition-property: opacity, filter, transform;
  transition-duration: 520ms, 550ms, 550ms;
  transition-timing-function: ease, ease, ease;
}

@media (prefers-reduced-motion: reduce) {
  html.image-fade-ready img[data-image-loaded="true"] {
    transition-duration: 1ms, 1ms, 1ms;
  }
}