JSFiddle - React, Tailwind, and code Playground

HTML

<section id="slide-1" class="homeSlide">
    <div class="bcg">
        <div class="hsContainer">
            <div class="hsContent">
                <h2>Hello1</h2>                         
            </div>
        </div>
    </div>
</section>

CSS

html, body, #slide-1, .bcg {
    height: 100%;
}

#slide-1 .bcg {
    background: url('http://placekitten.com/g/1600/900') top center no-repeat; 
    background-size: contain;
}