@keyframes ex-css-image-slider {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

@-webkit-keyframes ex-css-image-slider {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
} 

.ex-css-image-slider {
	width: 100%; 
	overflow: hidden;
}

.ex-css-image-slider-wrapper {
	position: relative; 
	width: 500%; /* 100% times the number of images */
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	text-align: left;
	animation: 5s image-slider infinite;
	-webkit-animation: image-slider 5s infinite;
}

.ex-css-image-slider-wrapper img { 
	width: 20%; /* 100% divided by the number of images */
	height: auto; 
	float: left; 
}