img.progressive-image,
img[data-full-src] {
  transition: filter 420ms cubic-bezier(.22, 1, .36, 1), opacity 300ms ease;
}

img.progressive-loading,
img[data-full-src]:not([data-load-state="loaded"]):not([data-load-state="preview-ready"]):not([data-load-state="error"]) {
  filter: blur(14px);
  opacity: .92;
}

img.image-error {
  background: #d9d7d0;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  img.progressive-image,
  img[data-full-src] {
    transition: none;
  }
}