.marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.marquee-inner {
    display: flex;
    animation: marquee-left 100s linear infinite;
    width: max-content;
}
.direction-right .marquee-inner {
    animation: marquee-right 100s linear infinite;
}
.marquee-item {
    flex-shrink: 0;
    padding: 0 10px; 
}

.marquee-item img {
    height: 332px; 
    width: 441px;
    object-fit: cover;
    border-radius: 16px;
}

@keyframes marquee-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes marquee-right {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
@media (max-width: 1200px) {
    .marquee-item img{
        width: 330px;
        height: 220px;
    }
}
@media (max-width: 480px) {
     .marquee-item img{
        width: 168px;
        height: 120px;
    }
    .marquee-item{
        padding: 0 4px;
    }
}