#css-slider {
	width: 350px;
	height: 200px;
	overflow: hidden;
}

.slide-item {
	width: 350px;
	height: 200px;
	float: left;
	position: relative;
}


.slider-wrapper {
	width: 300%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 10s infinite;
}

@keyframes slider {
  0% { transform: translateX(0); }
  33% { transform: translateX(-350px); }
  66% { transform: translateX(-700px); }
  100% { transform: translateX(0); }
}