.marquee-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    width: 100%;
}

.marquee-row {
    position: relative;
    overflow: hidden;
    display: flex;
}

.marquee-content {
    display: flex;
    will-change: transform;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	
}
.marquee-row:first-child .marquee-content {
	animation-name: marquee-left-to-right;
}

.marquee-row:last-child .marquee-content {
	animation-name: marquee-right-to-left;
}
.marquee-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    padding: 0 10px;
}

.marquee-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@-webkit-keyframes marquee-left-to-right {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}

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

    to {
        transform: translateX(0%);
    }
}

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

    to {
        transform: translateX(-100%);
    }
}

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

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 768px) {
    .marquee-item {
        padding: 0;
        height: 190px;
    }

    .marquee-container {
        gap: 3px;
    }
}