.lazy-blur{
  filter: blur(12px) scale(1.02);
  transition: filter 360ms ease-out, opacity 360ms ease-out, transform 360ms ease-out;
  will-change: filter, opacity, transform;
}
.lazy-blur[src=''], .lazy-blur:not([src]){ opacity: 0.9; }
.lazy-blur.loading{ opacity: 0.6 }
.lazy-blur:not(.lazy-blur){ filter: none; }

/* ensure image fills container as before */
img.lazy-blur{ display: block; width:100%; height:100%; object-fit:cover }