.event {
	padding-bottom: 30%;
	
	h1 {
		font-size: 12vw;
	}
}

@media (min-width: 540px) {
	.event {
		padding-bottom: 5%;
		
		h1 {
			font-size: 6vw;
		}
	}
	
	.separator {
		margin-bottom: 15px !important;
	}
	
	
}

@media (min-width: 1080px) {
	.evetn {
		h1 {
			font-size: 4vw;
		}
	}
}

.animatedBg .mask {
	/* background-color: #0b1215; */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(60%), color-stop(70%, rgba(0,0,0,0.95)));
	background-image: -o-linear-gradient(rgba(0,0,0,0) 50%, 60%, rgba(0,0,0,0.95) 70%);
	background-image: linear-gradient(rgba(0,0,0,0) 50%, 60%, rgba(0,0,0,0.95) 70%);
	z-index: 9;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




.animatedBg .image1 {
	background-color: rgb(192, 199, 178);
	background-image: url("../img/events/hostskrik_2025/1.jpg");
	z-index: 8;
}

.animatedBg .image2 {
	background-image: url("../img/events/hostskrik_2025/2.jpg");
	z-index: 7;
}

.animatedBg .image3 {
	background-image: url("../img/events/hostskrik_2025/3.jpg");
	z-index: 6;
}

.animatedBg .image4 {
	background-image: url("../img/events/hostskrik_2025/4.jpg");
	z-index: 5;
}

.animatedBg .image5 {
	background-image: url("../img/events/hostskrik_2025/5.jpg");
	z-index: 4;
}

.animatedBg .image6 {
	background-image: url("../img/events/hostskrik_2025/6.jpg");
	z-index: 3;
}

.animatedBg .image7 {
	background-image: url("../img/events/hostskrik_2025/7.jpg");
	z-index: 2;
}
.animatedBg .image8 {
	background-image: url("../img/events/hostskrik_2025/8.jpg");
	z-index: 1;
}

@keyframes imageFade {
	0% {
		opacity:1;
	}
	15% {
		opacity:0;
	}
	95% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
 
.animatedBg img.image1 {
   animation-delay: 3s;
}
.animatedBg img.image2 {
   animation-delay: 6s;
}
.animatedBg img.image3 {
   animation-delay: 9s;
}
.animatedBg img.image4 {
   animation-delay: 12s;
}
.animatedBg img.image5 {
	animation-delay: 15s;
}
.animatedBg img.image6 {
	animation-delay: 18s;
}
.animatedBg img.image7 {
	animation-delay: 21s;
}
.animatedBg img.image8 {
	animation-delay: 24s;
}

.animatedBg img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -80px;
	left: 0;
	animation-name: imageFade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 24s;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	&.image8 {
		top: 0 !important;
	}
}