.carousel {
	margin: 100px auto;
	width: 90%;
	margin-top: 40px;
	display: flex;
	overflow: hidden;
	gap: 20px;
}

h1 {
	color: white;
	animation: slideUp 1s ease-out forwards;
	text-align: center;
	font-size: 64px;
}

.element_carousel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;

	animation: defile 20s infinite linear;
}

.carte {
	width: 500px;
	height: 300px;
	border-radius: 20px;
}

.explication h1 {
	text-align: start;
	margin-bottom: 0px;
	animation: appear linear;
	animation-timeline: view();
	animation-range: entry 0%;
}

.img_explication img {
	width: 400px;
	border-radius: 20px;
	animation: appear linear;
	animation-timeline: view();
	animation-range: entry 0%;
}
.explication p {
	text-align: start;
	color: white;
	animation: appear linear;
	animation-timeline: view();
	animation-range: entry 0%;
}

.description_marques {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	padding: 20px;
	border-top: 1px solid white;
}

@keyframes defile {
	from {
		translate: 0;
	}
	to {
		translate: -100%;
	}
}

@media (max-width: 452px) {
	h1 {
		color: white;

		text-align: center;
		font-size: 34px;
	}

	.description_marques {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		gap: 50px;
		padding: 20px;
		border-top: 1px solid white;
	}
}