img[data-src],img[loading=lazy]:not(.loaded){opacity:0;transition:opacity .3s ease-in-out}img.loaded{opacity:1}img.fade-in{animation:imageFadeIn .5s ease-in-out}@keyframes imageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lazy-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;transition:opacity .3s ease-in-out}.lazy-bg:not(.loaded){background-color:#f0f0f0}.lazy-bg.loaded{animation:bgFadeIn .5s ease-in-out}@keyframes bgFadeIn{0%{opacity:.8}to{opacity:1}}.img-placeholder{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}picture,picture img{display:block;width:100%}picture img{height:auto}img.error{background-color:#f0f0f0;opacity:.5}img.error:after{color:#999;content:"⚠";font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}img[loading=lazy]{background-color:#f0f0f0;min-height:100px}@media print{img[data-src]{display:none}img.loaded{display:block}}@media(prefers-reduced-motion:reduce){.lazy-bg.loaded,img.fade-in{animation:none}.lazy-bg,img[data-src],img[loading=lazy]:not(.loaded){transition:none}}