#shimmerContainer {
    display: flex;
    justify-content: center;
}

.shimmer-card {
    position: relative;
    width: 21.5vw;
    height: 25rem;
    overflow: hidden;
    background-color: #f6f7f8;
    border-radius: 4px;
}

.shimmer-content {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f6f7f8 25%, #eaeaea 50%, #f6f7f8 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.shimmer-image {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: 93%;
    height: 65%;
    background: #eaeaea;
    border-radius: 4px;
}

.shimmer-text1 {
    position: absolute;
    bottom: 42px;
    left: 10px;
    right: 10px;
    width: 93%;
    height: 30px;
    background: #eaeaea;
    border-radius: 4px;
}

.shimmer-text2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: 93%;
    height: 20px;
    background: #eaeaea;
    border-radius: 4px;
}

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

    100% {
        background-position: 200% 0;
    }
}