.wp-block-wrd-hero__media img,
.wp-block-wrd-hero__media video {
	--wp-block-wrd-hero__media__delay--base: 150ms;
	--wp-block-wrd-hero__media__delay--offset-amount: 50ms;
	--wp-block-wrd-hero__media__delay--offset: 0ms;

	transform-origin: right;
	animation: 1200ms wp-block-wrd-hero__media__explode
			calc(
				var(--wp-block-wrd-hero__media__delay--base) +
					var(--wp-block-wrd-hero__media__delay--offset)
			)
			cubic-bezier(0.48, 1.88, 0, 0.99) backwards,
		parallax linear;
	animation-timeline: auto, view(y);
}

.wp-block-wrd-hero__media img:nth-child(2) {
	--wp-block-wrd-hero__media__delay--offset: calc(
		1 * var(--wp-block-wrd-hero__media__delay--offset-amount)
	);
}
.wp-block-wrd-hero__media img:nth-child(3) {
	--wp-block-wrd-hero__media__delay--offset: calc(
		2 * var(--wp-block-wrd-hero__media__delay--offset-amount)
	);
}
.wp-block-wrd-hero__media img:nth-child(4) {
	--wp-block-wrd-hero__media__delay--offset: calc(
		3 * var(--wp-block-wrd-hero__media__delay--offset-amount)
	);
}
.wp-block-wrd-hero__media img:nth-child(5) {
	--wp-block-wrd-hero__media__delay--offset: calc(
		4 * var(--wp-block-wrd-hero__media__delay--offset-amount)
	);
}
.wp-block-wrd-hero__media img:nth-child(6) {
	--wp-block-wrd-hero__media__delay--offset: calc(
		5 * var(--wp-block-wrd-hero__media__delay--offset-amount)
	);
}

@keyframes wp-block-wrd-hero__media__explode {
	0% {
		scale: 0;
	}
	100% {
		scale: 1;
	}
}