@keyframes moveBg{
    from {
        background-position: 0 50%;
    }
    to {
        background-position: -1134px 50%;
    }
}@keyframes moveBgReverse{
    from {
        background-position: 0 50%;
    }
    to {
        background-position: 1134px 50%;
    }
}:where(.cmlp) .carousel{
    --blur: 6px;
    --contrast: 105%;
    --speed: 20s;
    height: 130px;
    width: 100%;
    position: relative;










}:where(.cmlp) .carousel .logos{
    height: 100px;
    animation: moveBg var(--speed) linear infinite;
    position: absolute;
    inset: 0;
    background: url(https://s3.cloudfly.vn/colorme/files/7dJB8xAOAU8rkYrC0NwEoln3L42qOyYLhep7dFoz.png);
    background-size: cover;
    background-repeat: repeat-x;
    -webkit-mask: linear-gradient(90deg, #0000 5px, #000 50px calc(100% - 50px), #0000 calc(100% - 5px));
}:where(.cmlp) .carousel:nth-of-type(2) .logos{
    animation: moveBgReverse var(--speed) linear infinite;
    
    






}@media (max-width: 768px){:where(.cmlp) .logos{
        height: 80px !important;
    }}