.adb-image-reveal {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
	height: var(--adb-image-height, 61vh);
	min-height: 320px;
	overflow: hidden;
	background: #f4d94e;
}

.adb-image-reveal__slice {
	display: block;
	height: 100%;
	background-image: var(--adb-image-url);
	background-repeat: no-repeat;
	background-size: 500% 100%;
	transition: transform 450ms ease, filter 450ms ease;
}

.adb-image-reveal__slice--1 {
	background-position: 0 center;
}

.adb-image-reveal__slice--2 {
	background-position: 25% center;
}

.adb-image-reveal__slice--3 {
	background-position: 50% center;
}

.adb-image-reveal__slice--4 {
	background-position: 75% center;
}

.adb-image-reveal__slice--5 {
	background-position: 100% center;
}

.adb-image-reveal:hover .adb-image-reveal__slice:nth-child(odd) {
	transform: translateY(-4px);
	filter: saturate(1.06);
}

.adb-image-reveal:hover .adb-image-reveal__slice:nth-child(even) {
	transform: translateY(4px);
	filter: saturate(1.06);
}

@media (max-width: 767px) {
	.adb-image-reveal {
		gap: 4px;
		height: min(var(--adb-image-height, 61vh), 480px);
		min-height: 260px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adb-image-reveal__slice {
		transition: none;
	}
}