.slider {
	width: 90%;
	margin: auto;
	overflow: hidden;
	background-color:#fff;
	border-radius: 10px;
	}

.slider ul {
	display: flex;
	padding: 0%;
	width: 600%; 
	/* 500% (5 img) - 400% (4 img) */
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	padding-left:2%;
	padding-right: 2%;
	list-style: none;
}

.slider img {
	width: 100%;
	padding:0px;
}

@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%;}
	
	

}