.image-wrapper{position:relative}.loading-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(240,240,240,0.8);z-index:1;transition:opacity 0.3s ease}.loading-text{color:#888;font-size:1rem;text-align:center}.loading-dots::after{content:'';animation:dots 1.5s steps(5,end) infinite}.lazy-image.loaded{opacity:1}@keyframes dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}