.slider {
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top:0;
	z-index: -1;
}
 
.slider .slide {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top center;
	animation: slider 48s infinite;
}
 
.slider .slide:nth-child(1) {
	background-image: url('/img/frontpage_background_1.jpg');
	animation-delay: 0s;
}

.slider .slide:nth-child(2) {
	background-image: url('/img/frontpage_background_2.jpg');
	animation-delay: -16s;
}

.slider .slide:nth-child(3) {
	background-image: url('/img/frontpage_background_3.jpg');
	animation-delay: -32s;
}

@keyframes slider {
  0%, 16%, 100% {
    opacity: 1;
    animation-timing-function: ease;
    z-index: 0;
  }
  33% {
    opacity: 0;
    animation-timing-function: step-end;
    z-index: 0;
  }
  83% {
    opacity: 1;
    animation-timing-function: step-end;
    z-index: -1;
  }
}