JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    This is the main content<br />
</div>
<div id="footer">
    <div id="footer_content">
    This is the footer
    </div>
    <img class="background" src="http://www.coolopticalillusions.com/backgrounds/moving-background-800x600.jpg" align="bottom">
</div>

CSS

#main, #footer {
    width: 800px;
    padding: 0px;
    margin: 20px;
    border: 1px solid red;
}
#footer {
    height: 50px;
}
#footer img.background {
    position: relative;
    z-index: -1;
    top: -550px;
}
#footer_content {
    position: absolute;
}

JavaScript

//this code only repeats the content

var content = $('#main').html();
for (var i = 0; i < 40; i++)
    $('#main').append(content);