.scroll-snap-images-inner {
	display: flex;
	align-items: center;
	gap: 2rem;
	width: 100vw;
	padding: 1rem;
	--itemSeparation: 0;
	transition: scroll 0.4s ease-in-out;
	overflow-y: hidden;
	overflow-x: scroll;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	scrollbar-width: none;
	min-height: calc(calc(100vw / 5) + 2rem);
}

.scroll-snap-images-inner::-webkit-scrollbar {
	display: none;
}

.multi-images-item {
	box-sizing: border-box;
	position: relative;
	padding: 0 calc(10vw + 1rem);
	margin: 0;
	scroll-snap-align: start;
	scroll-margin: 1rem;
	flex: 1 0 calc(100vw - 2rem);
	transition: min-height 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.5s ease-in-out;
}

.multi-images-item > div {
	min-height: 50vw;
}

.multi-images-item img {
	border-radius: 10px;
}

.multi-images-item.empty {
	display: none;
}

@media (min-width:768px) {
	.multi-images-item.empty {
		display: block;
		padding: 0;
	}

	.multi-images-inner {
		display: flex;
		align-items: stretch;
		--itemSeparation: 2rem;
		width: min-content;
	}

	.multi-images-item:not(.active) {
		display: block !important;
		padding: 0;
		padding-left: 0;
		flex: 1 0 calc(calc(100vw / 3) - 2rem);
		min-height: calc(100vw / 7);
		opacity: .5;
	}

	.multi-images-item:not(.active) > div {
		min-height: calc(100vw / 7);
	}

	.multi-images-item.active {
		display: block !important;
		padding-left: 0;
		flex: 1 0 calc(calc(100vw / 3) - 2rem);
		min-height: calc(100vw / 5) !important;
	}

	.multi-images-item.active > div {
		min-height: calc(100vw / 5) !important;
	}
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 4rem;
	height: 4rem;
}

.multi-images-next.hide, .multi-images-prev.hide {
	display: none;
}