/* @group Image With Text
------------------------------------ */

@media only screen and (min-width: 961px) {
	.image-with-text .bp-multimedia {
		height: 75rem;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1440px) {
}
@media only screen and (min-width: 0) and (max-width: 960px) {
	.image-with-text .image-col {
		order: -1;
	}
	.image-with-text:not(.reversed) .bp-multimedia {
		height: 37.5rem;
	}
	.image-with-text.reversed .bp-multimedia {
		height: 50rem;
	}
}

/* @end */

/* ANIMATION */
:where(#wrapper) .image-with-text :is(h2, p, .bp-button, .bp-multimedia) {
	opacity: 0;
}
:where(#wrapper) .image-with-text.animateActive :is(h2, p, .bp-button, .bp-multimedia) {
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .image-with-text.animateActive :is(h2, p, .bp-button) {
	animation: fadeLeft var(--anim-duration) ease forwards;
	--delay: 0.3s;
}

:where(#wrapper) .image-with-text.animateActive .bp-multimedia {
	animation: fadeRight var(--anim-duration) ease forwards;
	--delay: 0.3s;
}