.slider {

width: 100%;
max-width: 420px;

margin: auto;

overflow: hidden;

}

.slider ul {

display: flex;

padding: 0;

width: 600%;

animation: cambio 18s infinite;

animation-timing-function: ease-in;

}    .slider li {

list-style: none;

}

.slider img {

height: 400px;

width: 500px;

max-height: 100%;

max-width: 100%;

object-fit: cover;

}

@keyframes cambio {


0% {margin-left: -0%;}
15% {margin-left: -0%;}

16.666666666667% {margin-left: -100%;}
31.666666666667% {margin-left: -100%;}

33.333333333333% {margin-left: -200%;}
48.333333333333% {margin-left: -200%;}

50% {margin-left: -300%;}
65% {margin-left: -300%;}

66.666666666667% {margin-left: -400%;}
81.666666666667% {margin-left: -400%;}

83.333333333333% {margin-left: -500%;}
98.333333333333% {margin-left: -500%;}

}