.carousel{
	--current-slide: 0;
	position: relative;
	overflow: hidden;
}

.slider{
	display: flex;
	transition: transform 2s;
	transform: translateX(calc(-100% * var(--current-slide)));
}

.slide{
	flex: 0 0 100%;
}

.slide img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}