.clients-marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marqueeScroll 25s linear infinite;
}

.marquee-item {
    flex: 0 0 auto;
    padding: 0 30px;
}

.marquee-item img {
    max-height: 70px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: 0.3s ease;
}

.marquee-item img:hover {
    filter: grayscale(0%);
}

@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }

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