.imagereveal__container {
	position: relative;
	width: 100%;
	margin: auto;
	outline: none;
	user-select: none;
	cursor: ew-resize;
	overflow: hidden;
}


.imagereveal__img-right,
.imagereveal__img-left {
	display: block;
	width: 100%;
	height: auto;
	user-select: none;
}

.imagereveal__img-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	clip: rect(0, 0, auto, 0);
}

.imagereveal__slider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 0;
	cursor: ew-resize;
	user-select: none;
	border: 3px solid #fff;
	/*box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.03);*/
}

.imagereveal__slider__button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: -25px;
	width: 50px;
	height: 50px;
	z-index: 10;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--primary-color-hover);
	user-select: none;
	transform: translateY(-50%);
}

.imagereveal__slider__button i {
	color: #fff;
	font-size: 1.5rem;
}

@keyframes pulsate {
	0% {
		transform: translateY(-50%) scale(1);
	}
	50% {
		transform: translateY(-50%) scale(1.1);
	}
	100% {
		transform: translateY(-50%) scale(1);
	}
}

.pulsate {
	animation: pulsate 2s infinite;
}