.slider {
	width: 100%;
	
	overflow: hidden;
}
.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 15s infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in;
}
.slider li {
	list-style: none;
	width: 100%;
}
.slider img {
	width: 100%;
	
}

@keyframes cambio {
	0% {margin-left: 0;}
	13% {margin-left: 0;}

	20% {margin-left: -100%;}
	47% {margin-left: -100%;}

	53% {margin-left: -200%;}
	80% {margin-left: -200%;}

	87% {margin-left: -300%;}
	100% {margin-left: -300%;}

}