JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ima">
   <div class="txt">
       I should be visible
    </div>
</div>

CSS

.ima
{
    width:auto;
    background-image:url('http://www.bing.com/az/hprichbg/rb/NewportOR_ROW5865752464_1366x768.jpg');
    opacity:0.5;
}
.txt
{
    color:white;
    opacity:1;
}