.brands{
    box-sizing: border-box;
    margin-top: 2%;
    overflow: hidden;
}
.brands .track{
    display: flex;
    animation: scroll 25s linear infinite;
    width: calc(32vh * 16);
    -webkit-animation: scroll 25s linear infinite;
}
.brands .imgs{
    width: 32vh;
    padding: 0% 1% 0% 1%;
}
.brands .imgs img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding-top: 10%;
}
@keyframes scroll{
    0%{
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    100%{
        transform: translateX(calc(-32vh * 8));
        -webkit-transform: translateX(calc(-32vh * 8));
    }
}
@media screen and (max-width:600px) {
    .brands .imgs img{
        height: 70%;
    }
}