body {
	margin: 0;
	padding:0;
	}
#images {
	width 200 px;
	margin: 10px;
}
.image-1, .image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-8, .image-9, .image-10  {
	position: absolute;
	width 200 px;
	margin: -110px;
	top: 545px;
	border-radius:20px;
	border: 3px solid black;
	animation-duration: 35s; 
	animation-iteration-count: infinite;
}
.image-1 {
	animation-name: image1;
}
.image-2 {
	animation-name: image2;
}
.image-3 {
	animation-name: image3;
}
.image-4 {
	animation-name: image4;
}
.image-5 {
	animation-name: image5;
}
.image-6 {
	animation-name: image6;
}
.image-7 {
	animation-name: image7;
}
.image-8 {
	animation-name: image8;
}
.image-9 {
	animation-name: image9;
}
.image-10 {
	animation-name: image10;
}

@keyframes image1 {
	0% 	{ opacity: 1; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes image2 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 1; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image3 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 1; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image4 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image5 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 1; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image6 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 1; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image7 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 1; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image8 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 1; }
	80%	{ opacity: 0; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image9 {
	0% 	{ opacity: 0; }
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 1; }
	90%	{ opacity: 0; }
	100%{ opacity: 0; }
}
@keyframes image10 {
	0% 	{ opacity: 0; }	
	10%	{ opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 0; }
	40%	{ opacity: 0; }
	50% { opacity: 0; }
	60%	{ opacity: 0; }
	70%	{ opacity: 0; }
	80%	{ opacity: 0; }
	90%	{ opacity: 1; }
	100%{ opacity: 0; }
}