.thegem-ken-burns-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	--transition: 1000ms;
	--scale: 1.15;
	border-radius: var(--border-radius);
}
.thegem-ken-burns-bg.slides {
	--scale: 1.3;
}

.thegem-ken-burns-bg .thegem-ken-burns-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: opacity var(--transition) linear;
	will-change: transform, opacity;
	opacity: 1;
	--duration: 20000ms;
}
.thegem-ken-burns-bg .thegem-ken-burns-slide.crossFade-out {
	opacity: 0;
}
.thegem-ken-burns-bg.slides .thegem-ken-burns-slide {
	animation-timing-function: linear;
}

.thegem-ken-burns-bg .thegem-ken-burns-slide.active {
	animation-duration: var(--duration);
}

.thegem-ken-burns-slide[data-direction="zoom-in"] {
	transform: scale(1);
}
.thegem-ken-burns-slide[data-direction="zoom-out"] {
	transform: scale(var(--scale));
}

.thegem-ken-burns-slide.active[data-direction="zoom-in"] {
	animation: kenBurnsZoomIn var(--duration) forwards;
}
.thegem-ken-burns-slide.active[data-direction="zoom-out"] {
	animation: kenBurnsZoomOut var(--duration) forwards;
}
.thegem-ken-burns-bg .thegem-ken-burns-slide {
		animation-timing-function: ease;
}
.thegem-ken-burns-bg.slides .thegem-ken-burns-slide {
	animation-timing-function: linear;
}

@keyframes kenBurnsZoomIn {
	0% { transform: scale(1); }
	100% { transform: scale(var(--scale)); }
}

@keyframes kenBurnsZoomOut {
	0% { transform: scale(var(--scale)); }
	100% { transform: scale(1); }
}