.slider{
    width: 100%;
  height: 200px;
 
    
    overflow: hidden;

}
.slider .slide-trank{
    display: flex;
  
    align-items: center;
    justify-content: center;
    animation: scroll 30s linear infinite;
    /* width: cal(400px * 16); */
}
.slide-trank:hover{
    animation-play-state: paused;
}
.slider .slide img{
    width: 350px;
    padding: 25px;

}
@keyframes  scroll{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(calc(-350px * 4));
    }
}