JSFiddle - React, Tailwind, and code Playground
HTML
<div class="footerimages">
<a href="http://www.facebook.com" target="_blank" title="Bread" ><img src="http://lorempixel.com/output/food-q-c-300-300-10.jpg"/><img id="pop" src="http://i.stack.imgur.com/suebb.png"/></a>
</div>
CSS
.footerimages img {
width: 50px;
height: 50px;
}
#pop{
background:red;
width:30px;
height:30px;
display:none;
position:absolute;
top:0;
left:29px;
border:2px solid black;
}
.footerimages img:hover + #pop{
display:block;
}