.slider{
    
    width: 100%;
    margin:auto;
    overflow: hidden;
    
}


.slider ul{
    margin:0px;
    padding: 0px;
    display:flex;  
    width: 400%;
    animation: cambio 17s infinite;
    animation-timing-function: ease-out;
    
}



.slider li {
    
    width: 100%;
    list-style:none;
    
}
.slider img {
    width: 100%;
   
    
}



@keyframes cambio{
    0% {margin-left: 0;}
   20%{margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}