JSFiddle - React, Tailwind, and code Playground

HTML

<div id='back'><div id='mask'><div id='text'>fsfsfsssf</div></div></div>

CSS

body{
        margin:0px;
    }
    #back{
        width:100%;
        height:500px;
        background: url("http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg") no-repeat;
        background-size:contain;
    }
    #mask{
        position:relative;  
        width:100%; 
        height:500px; 
        background:rgba(255,255,255,0.5); 
    }
    #text{
        position:absolute;
        top:230px;
        left:48%;
    }