JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page-bkg">

    
    <div id="content">
    This content is relative to the image!   
    </div>
    <div id="moreContent">
        This is awesome!
    </div>
    <div id="moreContent1">
        RELATIVITY!
    </div>

</div>

CSS

#page-bkg {
    background:url('http://dtsandbox.com/bassweek.ca/img/background.jpg');
}
#content {
    z-index:1;
    color:white;
    position:absolute;
    top:10px;
    left:10px;
}
#moreContent {
    z-index:1;
    color:yellow;
    font-weight:bold;
    position:absolute;
    bottom:0px;
    right:0;
}
#moreContent1 {
    font-weight:bold;
    font-size:1.4em;
    position:absolute;
    top:50%;
    left:50%;    
    color:white;
}