JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg"></div>
<div class="jumbotron">
    <div class="container" id="main-cont">....STUFF HERE....</div>
</div>

CSS

.bg {
    position: fixed;
    background-size: cover;
    background: url('http://www.joomlaworks.net/images/demos/galleries/abstract/7.jpg') no-repeat center center;
    z-index: -1;
    width: 100%;
    height: 600px;
    top:0;
    left:0;
}
.jumbotron {
    color: white;
    background: red;
}

JavaScript

$('.jumbotron').css('height', $(window).height() * 0.8);