/* Görsellerin kaybolmasını engelleyen kritik yama */

/* JS çalışana kadar görselleri görünür kıl */
img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.5s ease-in-out;
}

/* Lazy Load için özel sınıf */
img.lazy-load {
    opacity: 0 !important; /* Başlangıçta gizli */
}

/* Yüklendikten sonra göster */
img.lazy-load.loaded {
    opacity: 1 !important;
}

/* Placeholder Blur Effect */
.blur-load {
    background-size: cover;
    background-position: center;
}

.blur-load.loaded > img {
    opacity: 1;
}

.blur-load > img {
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}