JSFiddle - React, Tailwind, and code Playground

by soyuka

HTML

<div class="image-container">
    <img src="http://ecole-saintandeol.webou.net/IMG/rubon34.gif" />
    <p class="caption">My text</p>
</div>

CSS

.image-container {
    position:relative;
}

.caption {
    width:100%;
    background:rgba(0,0,0,0.5);
    color:#ffffff;
    position:absolute;
    top:0;
    
}