JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"> 
<div class="homeImageText">
        <h1>Document Preparation Like Never Before</h1>
        </div>
</div>

CSS

header {
background: url(http://types4u.org/vert/images/header1.png) center center no-repeat;
height: 600px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.homeImageText {
    left:0; right:0;
    top:0; bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
}