/*.image-container {
                    position: relative;
                    width: 100%;
                    height: 100%;
                }*/

.image-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.lazy-image {
    transition: opacity 0.3s ease-in-out;
}

/* CDN optimization hints */
img[src*="http://localhost:9254/stored-images"] {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}