body{
    
}
.slider{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background-color: gainsboro;
}
.slider ul{
    display: flex;
    padding: 0;
    width: 100%;
    animation: cambio 15s infinite alternate linear;}

.slider li{
    width: 100%;
    list-style: none
}
.slide img{
    width: 100%;
}
@keyframes cambio{
    0%{margin-left: 5%;}
    20%{margin-left: 5%;}
    
    25%{margin-left: -100%;}
    45%{margin-left: -100%;}
}
    
/*    50%{margin-left: -200%;}
    70%{margin-left: -200%;}
    
    75%{margin-left: -300%;}
    100%{margin-left: -300%;}
    
}*/