JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<body>
    <div id="main-container" >
        <div id="chapter1" class="chapter">
            
        </div>
        
        <div id="chapter2" class="chapter">
        </div>
    </div>
</body>

CSS

#main-container {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    text-align: center;
}

.chapter{
    position: relative;
    height: 1200px;
    z-index: 1;
}

#chapter1{
	background-image: url(http://omset.files.wordpress.com/2010/06/homer-simpson-1-264a0.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}
#chapter2{
	background-image: url(http://download.ultradownloads.com.br/wallpaper/94781_Papel-de-Parede-Homer-Simpson--94781_1680x1050.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}