:root{
    --speed:50s;
}

.marcas-wrap{
    width:100%;
    background:transparent;
    padding:16px 0;
    display:grid;
    gap:18px;
}

.marcas-row{
    overflow:hidden;
    width:100%;
    -webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
    mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
}

.marcas-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center;
    width:max-content;
    animation:scroll var(--speed) linear infinite;
}

.marcas-row.top .marcas-track{
    animation-direction:reverse;
}

.marcas-row.bottom .marcas-track{
    animation-direction:normal;
}

.marcas-track img{
    display:block;
    flex:0 0 auto;
    height:70px;
    width:auto;
    margin:0 32px;
    filter:grayscale(100%);
    opacity:.8;
    transition:.25s;
}

.marcas-track img:hover{
    filter:none;
    opacity:1;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@media(max-width:768px){

    :root{
        --speed:40s;
    }

    .marcas-track img{
        height:52px;
        margin:0 20px;
    }

}