JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background-image">
    <div class="omg-title">This is the title</div>
</div>

CSS

.background-image {
    background-image: url('http://tomjhume.com/php/how/main/images/comp-splash-img.jpg');
    height: 600px;
    background-size: contain;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
}
.omg-title {
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
}