JSFiddle - React, Tailwind, and code Playground

HTML

<link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700,400' rel='stylesheet' type='text/css'>
<img src="http://oi62.tinypic.com/2eb4xh2.jpg">
<div class="h1-bg">   
    <h1>Lorem ipsum dolor sit amet</h1>
</div>

CSS

img{
    width:670px;
}

h1{
color: #fff;
font-family: Raleway;
font-size: 40px;
font-weight: 400;
/* top: 229px; */
/* position: absolute; */
/* left: 144px; */
position: relative;
opacity: 1;
text-shadow: 3px 3px 8px #000;
}

.h1-bg{
padding: 10px;
background-color:rgba(245,245,245,0.5);
border: 1px solid #ccc;
position: absolute;
left: 144px;
top: 229px;
}