.slider {
	width: 100%;
	
}

.slider-wrapper {
	width: 100%;
	height: 400px;
	position: relative;
}
@media screen and (max-width: 768px) {
 .slider-wrapper {
	
	height: 100px;
	position: relative;
}
}

.slide {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 3s linear;
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}