.compare-container {
	height:100%;
	position: relative;
	cursor: ew-resize;
	user-select: none;
}

.compare-container img {
	height: 100%;
	display: block;
}
.img-top-wrapper, img {
	height: 100%;
	display: block;
}

.img-top-wrapper {
	height: 100%;
	position: absolute;
	inset: 0;
	overflow: hidden;
	clip-path: inset(0 50% 0 0);
}

.divider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	background: white;
	pointer-events: none;
}


@media (max-width: 1024px) {
	.compare-container {
		height: auto;
		width: 100%;
	}
	
	.compare-container img{
		height: auto;
		width: 100%;
	}
	
	.img-top-wrapper img{
		height: auto;
		width: 100%;
	}
	
	.img-top-wrapper {
		height: auto;
		width: 100%;
	}
}