JSFiddle - React, Tailwind, and code Playground

HTML

<section class="red-bg">
    <div class="middle">
        <img src="http://lorempixel.com/g/300/300/abstract/" alt="" />
        <h1>Some text here.</h1>
    </div>
</section>

<section class="blue-bg">
    <p>Another section here.</p>
</section>

CSS

body {
    color: #fff;
}

section {
    width: 100%;
    height: 100vh;
}

.middle {
    /* needs to be vertically and horizontally aligned */
}

.red-bg {
    background-color: #f00;
}

.blue-bg {
    background-color: #00f;
}