JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "imageWrapper">
        <img src = "http://placehold.it/300x200" />
        <p>Image Title</p>
    </div>

CSS

* {
        margin: 0;
        padding: 0;
    }
    
    body {
        padding: 10px;
    }
    
    .imageWrapper {
        position: relative;
        display: table;
    }
    
    .imageWrapper > p {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font: 18px/2 Sans-Serif;
        color: #fff;
    }