JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <span id="back"></span>
    <h1>Hello world</h1>
</div>

CSS

.container{
    height:400px;
    background:red;
    position:relative;
    width:400px;
}
#back{
   
    position:absolute;
    top:20px;
    left:0;
    right:0;
    bottom:0;
    background:url(http://lorempixel.com/400/200) repeat-y;
}
h1{
    position:relative;
    color:green;
    font-size:30px;
    z-index:1;
}