JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://placekitten.com/300/200">
    <p>text</p>
</div>

CSS

div { position: relative; width: 300px; }
p { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; color: #fff; }