JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logo"></div>

CSS

.logo {
	float: left;
	z-index: 1;
	width: 300px;
	height: 225px;
	background: url(http://pixellab-design.com/img/1.jpg) no-repeat;
	position: absolute;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.logo:hover {
	z-index: 2;
	opacity: 1;
	background: url(http://pixellab-design.com/img/2.jpg) no-repeat;
}