JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imagescale">Some text</div>

CSS

* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
#imagescale {
    width: 100%;
    height: 100%;
    background-image: url(http://lorempixel.com/1200/1000);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    color: lime;
}
#imagescale:before {
    content:'';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
}