grthtrhthjhtyjytjytkergtrhtrjytjerhrfh4:24 29/09/2026.blur-mixin (@value: 20) { & { -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); // filter: url(#blur-lqip); filter: blur(~"@{value}px"); } } .image-placeholder-lqip { .blur-mixin (); } .image-placeholder-no-js { position: absolute; opacity: .01; visibility: hidden; } .image-placeholder-wrapper { position: relative; display: inline-block; >img { position: static; } >.image-placeholder-svg { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; svg { max-width: 100%; max-height: 100%; } } .blur-mixin (0); transition: filter 0.2s ease-out; :not(.image-placeholder-complete) { .blur-mixin (); .image-placeholder-opacity { // opacity: 0; } } .image-placeholder-opacity { transition: opacity 0.2s ease-out; // background: #fff; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; .image-placeholder-element { display: block; width: 100%; height: 100%; background: 0 0 / cover no-repeat; } } }