JSFiddle - React, Tailwind, and code Playground

HTML

<div data-title="123"><img src="//placehold.it/100x100"/></div>
<div data-title="456"><img src="//placehold.it/100x100"/></div>
<div data-title="789"><img src="//placehold.it/100x100"/></div>

CSS

div:hover::after {
    content: attr(data-title);
    color: white;
    position: absolute;
    margin-left: -100px;
    width: 100px;
    text-align: center;
}