[data-item-image-loop] { --fade-time: 1.2s; }
[data-image] {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	transform: translateY(28px);
	transition: opacity var(--fade-time) ease, transform var(--fade-time) ease;
	z-index: 1;
}
[data-item-image-loop]:not(.is-ready) [data-image]:first-child,
[data-image].is-active,
[data-image].is-prev {
	opacity: 1;
	transform: translateY(0);
}
[data-image].is-prev { z-index: 2; }
[data-image].is-active { z-index: 3; }
@media (prefers-reduced-motion: reduce) {
	[data-image] { transition: none; }
}