.foto {
	width:100%;
  margin: auto;
  overflow: hidden;
}
.foto ul{
  display: flex;
 	padding:0;
  width:300%;
  
  animation: cambio 20s infinite;
  animation-direction: right;
  animation-timing-function: linear;
 
}

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


@keyframes cambio {
  0% { margin-left:0;} 
100% {margin-left:-100%;} //El signo cambia la dirección 
}