div{
width: 80%;
margin: auto;
overflow: hidden;
}

div ul{
	display: flex;
	width: 300%;
	padding: 0;
	animation: rotar 9s infinite;
	animation-direction: normal;
}

div ul li{
	width: 100%;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
}
div ul li img{
	width: 700px;
}

@keyframes rotar{
	0%{margin-left: 0%;}
	33%{margin-left: 0%;}

	34%{margin-left: -100%;}
	66%{margin-left: -100%;}

	67%{margin-left: -200%;}
	99%{margin-left: -200%;}
}
iframe{
	width: 600px;
	height: 600px;
}