JSFiddle - React, Tailwind, and code Playground

HTML

<html><body>
some text here
<div style="position:absolute"> <!-- start div for image -->
<img style="z-index: -1;" src="http://www.treehugger.com/Ferrin%20Gallery_Michael%20Boroniec_Crude%20Awakening-birds-1.jpg" width="860" height="240"> <!-- the image -->
<div style="z-index: 1; width: 300px; background: #000; position:absolute;top:0px;right:0px">
<div style="margin: auto;color:white;font-weight:bold">text text text</div>
    </div></div> <!-- end div --></body></html>