JSFiddle - React, Tailwind, and code Playground

HTML

<div class="class2">
    <a href="#"><img src= "http://alpatriott.ru/works/primer/images/5.png"></a>
                    </div>

CSS

.class {
        height: 52px;
        width: 70px;
        margin: 5px;
}
.class2 {
        background:#ccc;
        height: 52px;
        width: 70px;
}

a{
display:block;
height: 52px;
width: 70px;
}

.class2 img{
display:none;
height: 52px;
width: 70px;
}

.class2:hover img{
display:block;
}