.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background-color: #f6f6f6;
    min-height: 60px;
    position: relative;
}

.lazy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f6f6f6, #e9e9e9, #f6f6f6);
    background-size: 200% 100%;
    animation: loadingShimmer 1.5s infinite;
}

@keyframes loadingShimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.loaded {
    opacity: 1;
}

.loaded::before {
    display: none;
}