.logos-marquee{
    width: 100vw;
    overflow: hidden;
}
.logos-marquee__list {
    background: #6683A1;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    align-items: center;
    gap: 20px;

    display: flex;
    width: max-content;
    animation-name: logos-marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: var(--marquee-duration, 200s);
}
.logos-marquee__item img{
    width: auto;
    height: 20px;
    display: block;
}
@-webkit-keyframes logos-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes logos-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media screen and (min-width: 1200px){
    .logos-marquee__list{
        height: 90px;
        gap: 40px;
    }
    .logos-marquee__item img{
        height: 30px;
    }

}
@media screen and (min-width: 1200px){
    .logos-marquee__list{
        height: 110px;
        gap: 60px;
    }
    .logos-marquee__item img{
        height: 35px;
    }

}