.gallery {
	position: relative;
	background: none;
	border: none;
}

.gallery figure {
	position: absolute;
	top: 0;
	left: 0;
}

.gallery figcaption {
	position: absolute;
	left: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	bottom: 0.5em;
	color: #ffffff80;
	text-shadow: 2px 4px 4px rgba(0,0,0,0.6);
}

@keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.gallery figure:nth-of-type(1) {
	animation: bilder 20s 17s infinite;
}

.gallery figure:nth-of-type(2) {
	animation: bilder 20s 12s infinite;
}

.gallery figure:nth-of-type(3) {
	animation: bilder 20s 7s infinite;
}

.gallery figure:nth-of-type(4) {
	animation: bilder 20s 2s infinite;
}

@keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

.gallery figure:nth-of-type(5) {
	animation: wechseln 20s 20s infinite;
}

.gallery figure:nth-of-type(6) {
	animation: wechseln 20s 15s infinite;
}

.gallery figure:nth-of-type(7) {
	animation: wechseln 20s 10s infinite;
}

.gallery figure:nth-of-type(8) {
	animation: wechseln 20s 5s infinite;
}