JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cn">
<div id="hd">
Strarcraft II test header
</div>
<div id="bd">
long list of bllablablba
</div>
<div id="ft">
</div>
</div>

CSS

body {
    margin: 0;
    padding:0;
 background: url('http://us.starcraft2.com/images/layout/bg-planet-frontpage.jpg') center bottom no-repeat fixed;
}

div#cn{
 width: 1199px;
 margin: 0 auto;
 
}

div#bd {
    height: 500px;
    background: #000;
}

div#ft{
 height: 190px;
 padding: 0 0 250px 0;
background: url('http://us.starcraft2.com/images/layout/bg-footer-bridge-t.png')
}