.image-confetti {
	position: relative;
	width: 100%;
}

.wh-aos .image-confetti.image-confetti.wh-aos-init {
	opacity: 1;
    transform: translateY(0);
}

.image-confetti .image {
	position: relative;
	z-index: 2;
}

.image-confetti .confetti {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(0.5);
	opacity: 0;
	pointer-events: none;
	--duration: 1.2s;
	transition: var(--transition);
}

.image-confetti.wh-aos--active .confetti {
	opacity: 1;
}

@media all and (min-width: 1200px) {
	.image-confetti.wh-aos--active .confetti {
		transform: scale(1.4);
	}
}

@media all and (max-width: 1199px) {
	.image-confetti {
		width: auto;
		min-width: 100%;
		margin-left: calc(var(--padding-container) * -1);
		margin-right: calc(var(--padding-container) * -1);
		padding: 0 var(--padding-container);
		overflow: hidden;
	}

	.image-confetti.wh-aos--active .confetti {
		transform: scale(1.1);
	}
}