.slider {
	width: 720px;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 500%;
	
	animation: cambio 20s infinite alternate linear;
}

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

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	18% {margin-left: 0;}
	
	20% {margin-left: -100%;}
	38% {margin-left: -100%;}
	
	40% {margin-left: -200%;}
	58% {margin-left: -200%;}
	
	60% {margin-left: -300%;}
	78% {margin-left: -300%;}

	80% {margin-left: -400%;}
	100% {margin-left: -400%;}

}