.aspect-ratio-common {
    position: relative;
    padding-top: 56.25%;
    /* Tỷ lệ mặc định cho 16:9 */
}
.aspect-ratio-client-logo{
    position: relative;
    padding-top: 35.25%
}
.lazy-container{
    position: relative;
}
.lazy-bg {
    width: 100%; 
    background-color: #f0f0f0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.lazy-img {
    width: 100%;
    height: auto;
    opacity: 0; 
    transition: opacity 0.5s ease;
}

.lazy-img.loaded,
.lazy-bg.loaded {
    opacity: 1; 
}

.skeleton {
    background-color: #e0e0e0; 
    animation: pulse 1.5s infinite ease-in-out; 
}

@keyframes pulse {
    0% {
        background-color: #f0f0f0;
    }
    50% {
        background-color: #e0e0e0;
    }
    100% {
        background-color: #f0f0f0;
    }
}