.logos-section {
    padding: 0% 3% 1%;
    flex-direction: column;
}

.logos-section h2 {
    display: flex;
    justify-content: center;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.marcas {
    overflow: hidden;
    padding: 15px 0 ;
    background-color: white;
    white-space: nowrap;
    /* position: relative; */
    mask-image: linear-gradient(
        var(--mask-direction, to right),
        hsl(0 0% 0% / 0),
        hsl(0 0% 0% / 1) 30%,
        hsl(0 0% 0% / 1) 70%,
        hsl(0 0% 0% / 0)
    );
}


.marcas:hover .logos-slide{
    animation-play-state:  paused;
}

.logos-slide {
    display: inline-block;

    animation: 30s slide infinite linear;
}

.logos-slide img {
    height: 60px;
    margin: 0 50px;
}

@media screen and (max-width: 460px) {

    .logos-slide img {
        height: 40px;
        margin: 0 25px;
    }

    .logos-slide {
        animation: 35s slide infinite linear;
    }
}