.BeforeAfterWipe {
	width: 99%;
	max-width: 600px;
	position: relative;
	
}

.BeforeAfterWipe div {
	position: absolute;
}

.BeforeAfterWipe div:nth-child(2) {
	-webkit-animation: wipe 2s infinite;
	-webkit-animation-direction: alternate;
	-webkit-mask-size: 2000px 2000px;
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, 
			color-stop(0.00,  rgba(0,0,0,1)),
			color-stop(0.45,  rgba(0,0,0,1)),
			color-stop(0.50,  rgba(0,0,0,0)),
			color-stop(0.55,  rgba(0,0,0,0)),
			color-stop(1.00,  rgba(0,0,0,0)));
}


.BeforeAfterWipe1 div:nth-child(2) {
	-webkit-animation-delay: 1s;
}
.BeforeAfterWipe21 div:nth-child(2) {
	-webkit-animation-delay: 2s;
}

.BeforeAfterWipe div img {
	border: 3px solid white;
	outline: 1px solid grey;
}

@-webkit-keyframes wipe {
	0% {
		-webkit-mask-position: 0 0;
	}
	100% {
		-webkit-mask-position: -1200px -1200px;
	}
}