@keyframes fade {
	0% {opacity: 0.0}
	4% {opacity: 1.0}
	33.33% {opacity: 1.0}
	37.33% {opacity: 0.0}
	100% {opacity: 0.0}
}

css-slides {
	height: 358px;
	position: relative;
	display: block;
}

css-slides div {
	animation: 18s fade infinite linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0.0;
}

css-slides figure {
	display: grid;
	justify-content: space-around;
}

css-slides img {
	max-width: 100%;
	height: auto;
	box-shadow: 0px 0px 8px 0px rgba(0, 171, 194, 0.7);
	border-radius: 8px;
}

css-slides figcaption {
	background: rgba(33,33,33,0.5);
	max-width: 100%;
	color: white;
	margin-top: -1.6em;
	border-radius: 0 0 8px 8px;
}

css-slides div:nth-child(1) { animation-delay: 0s;}
css-slides div:nth-child(2) { animation-delay: 6s; }
css-slides div:nth-child(3) { animation-delay: 12s; }