JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"></div>
<div class="left-side"></div>
<div class="loader"></div>
<div class="footer"></div>

CSS

.header {
    height: 600px;
    width: 650px;
    background-color: grey;
}
.left-side {
    height: 300px;
    width: 150px;
    float: left;
    background-color: red;
}
.loader {
    position: fixed;
    top: 0;
    background-image: url('http://i.imgur.com/U2njI.jpg');
    margin-left: 150px;
    height: 1500px;
    width: 500px;
    background-position: 345px center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-color: cornflowerblue;*/
}
.footer {
    height: 600px;
    width: 650px;
    background-color: silver;
}