.embla {
	max-width: 100%;
	width: 100%;
	margin: auto;
	--slide-height: 19rem;
	--slide-spacing: 1rem;
	--slide-size: 50%;
}
.embla__viewport {
	overflow: hidden;
}
.embla__container {
	display: flex;
	touch-action: pan-y pinch-zoom;
	margin-left: calc(var(--slide-spacing) * -1);
}
.embla__slide {
	flex: 0 0 var(--slide-size);
	min-width: 0;
	padding-left: var(--slide-spacing);
	max-width: fit-content;
}

.carousel {
	width: 100%;
}

@media (max-width: 500px) {
	.embla__slide {
		min-width: max-content;
	}
}