JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
        <img src="http://www.lorempixel.com/400/200/" />
        <div class="text">Testing text</div>
    </div>

CSS

.holder {position:relative; width:100%; overflow:hidden;}
.holder img {position:absolute; left:0; top:0; width:100%; z-index:1;}
.holder .text {position:relative; z-index:2; text-align:center;}