JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.class2 {
        height: 52px;
        width: 70px;
}

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

.class2 img{
display:block;
height: 52px;
width: 70px;
position:relative;
}



.back{
display:block;
visibility:hidden;
position:absolute;
top:0;
left:0;
width:70px;
height:52px;
background:red;

}

a:hover .back{
visibility:visible;
}