.slider {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.slider::after {
	content: "";
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}

@keyframes sliderLoop{
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.slider > div {
	position: relative;
	display: flex;
	animation: sliderLoop 15s infinite linear; 
}


.slide {
	max-height: 300px;
	height: 30vh;
	width: auto;
	vertical-align: top;
	display: inline-block;
}