.logo-slider{
    width:100%;
    overflow:hidden;
    background:#fff;
    padding:25px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.slider-track{
    display:flex;
    width:calc(180px * 16);
    animation:scroll 25s linear infinite;
}

.logo-slider:hover .slider-track{
    animation-play-state:paused;
}

.slide{
    width:180px;
    height:90px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 15px;
}

.slide img{
    width:140px;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.3s;
}

.slide img:hover{
    filter:none;
    transform:scale(1.08);
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(calc(-180px * 8));
    }
}

/* Mobile */
@media(max-width:768px){

.slider-track{
    width:calc(130px * 16);
}

.slide{
    width:130px;
    height:70px;
    margin:0 10px;
}

.slide img{
    width:100px;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(calc(-130px * 8));
    }
}

}