.cls-slider {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    background: #fff;
}

.cls-track {
    display: flex;
    width: max-content;
    align-items: center;
    will-change: transform;
}

.cls-slide {
    flex: 0 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cls-slide img {
    max-height: 30px;
    width: auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease, transform 0.3s ease;
}

.cls-slide img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Tablet */
@media (max-width: 1024px) {
    .cls-slide img {
        max-height: 35px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .cls-slide {
        padding: 0 18px;
    }

    .cls-slide img {
        max-height: 30px;
    }
}