.hover-swap-image {
	position: relative;
	display: inline-block;
}

.hover-swap-image img {
	display: inline-block;
	width: 100%;
	height: auto;
}

.hover-swap-image img.color {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: opacity 0.4s ease;
}

.hover-swap-image:hover img.color {
	opacity: 1;
}