/* Background gallery */
background-gallery {
	display: block;
	position: fixed;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}

background-gallery .background-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.5);
	width: 140%;
	height: 140%;

	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;

	opacity: 0;
	filter: blur(60px) saturate(2);

	transition: opacity 0.5s ease, filter 0.5s ease, transform 0.5s ease;

	z-index: 0;
}

background-gallery .background-image.active {
	opacity: 0.3;
	/* filter: blur(60px) saturate(2); */
	transform: translate(-50%, -50%) scale(1);
	animation: backgroundPulse 2.5s ease-in-out infinite;
}

@keyframes backgroundPulse {

	0%,
	100% {
		filter: blur(60px) saturate(2);
	}

	50% {
		filter: blur(90px) saturate(2.5);
	}
}