JSFiddle - React, Tailwind, and code Playground

HTML

<div class='href'>
  <a href='#'>boy</a>
  <img class='title' src="https://orig08.deviantart.net/8f46/f/2017/213/0/0/0063c7499766a6c3ec03c93dcf32643d-dbifxnu.gif" alt="">
</div>
<div class='href'>
  <a href='#'>girl</a>
  <img class='title' src="https://orig03.deviantart.net/66f5/f/2017/229/a/7/icon_commission___by_ehikash-dbkg6ja.gif" alt="">
</div>

CSS

.href {
    position: relative;
    display: inline-block;
}

img.title {
  display: none;
  position: absolute;
  bottom: -50px;
  left: 0;
}

a:hover ~ img.title {
    display: block;
}