@media (max-width: 1023px) {

	body:not(.elementor-editor-active) .animated-elements {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

}

@media (min-width: 1024px) {

	body:not(.elementor-editor-active) .animated-card {
		position: absolute;
	}

	body:not(.elementor-editor-active) .animated-elements {
		height: 630px;
	}

	body:not(.elementor-editor-active) .animated-elements--from-bottom {
		height: 460px;
	}

	body:not(.elementor-editor-active) .animated-elements--from-bottom .animated-card img {
		height: 370px;
	}

	body:not(.elementor-editor-active) .animated-card img {
		object-fit: contain;
		width: calc(200px + (300 - 200) * ((100vw - 1024px) / (1920 - 1024)));
		height: calc(325px + (425 - 325) * ((100vw - 1024px) / (1920 - 1024)));
	}

}

@media (min-width: 1366px) {

	/*--------------------------------------
	  positions empilées
	--------------------------------------*/

	body:not(.elementor-editor-active) .animated-card--1 {
		left: 0;
	}

	body:not(.elementor-editor-active) .animated-card--2 {
		left: 30%;
	}

	body:not(.elementor-editor-active) .animated-card--3 {
		left: 60%;
	}

}

@media (min-width: 1500px) {

	body:not(.elementor-editor-active) .animated-elements {
		overflow: visible;
	}

	body:not(.elementor-editor-active) .animated-card--2 {
		left: 35%;
	}

	body:not(.elementor-editor-active) .animated-card--3 {
		left: 70%;
	}

}