JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button"><span></span></div>

CSS

.button{
	height:47px;
	width:156px;
	background:url(http://interplus.ua/uploads/tv_product/2011/05/25/f1fff989e982e00992b1ee84e2d3956db99e4b8d.jpg) top center;
	position: relative;
	cursor:pointer;
}

.button span{
	position: absolute;
	top:0;
	left:0;
	height:47px;
	width:156px;
	background:url(http://interplus.ua/uploads/tv_product/2011/05/25/f1fff989e982e00992b1ee84e2d3956db99e4b8d.jpg) bottom center;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.button span:hover{
	opacity: 1;
}