/*carroussel infini sacha*/
 

 @keyframes scroll {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(calc(-250px * 7));/*vitesse*/
    }
}
 .slider {
    border-radius: 5px;
     background: white;
     box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
     height: 60px;
     margin: auto;
     overflow: hidden; 
     position: relative;
     width: 100%;
     margin-top: 0px;
}

/*couleur cotés*/
 .slider::before, .slider::after {
     /*background: linear-gradient(to right,rgb(5,99,255) -10%, rgba(255, 255, 255, 0) 40%);*/
     content: "";
     height: 100px;
     position: absolute;
     width: 200px;
     z-index: 2;
}
 .slider::after {
     right: 0;
     top: 0;
     transform: rotateZ(180deg);
}
 .slider::before {
     left: 0;
     top: 0;
}
 .slider .slide-track {
     animation: scroll 30s linear infinite;
     display: flex;
     width: calc(250px * 14);
}
 .slider .slide {
     height: 100px;
     width: 250px;
}