/* @group Image With Description
------------------------------------ */
.image-with-description .bp-multimedia {
	height: 30rem;
}
@media only screen and (min-width: 961px) {
	.image-with-description .bp-multimedia {
		height: 40.4rem;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1440px) {
}
@media only screen and (min-width: 0) and (max-width: 960px) {
	.image-with-description .text-col {
		order: -1;
	}
}

/* @end */

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

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