JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

<div id="all">
    <div id="image">
        <img src="http://mama-beach.com/mama2/wp-content/uploads/2013/07/photodune-4088822-beauty-beach-and-limestone-rocks-l.jpg" />
    </div>
    <div id="rest">
    </div>
</div>

CSS

#all{
    width:100%;
    height:1500px;
    position:relative;
    margin:0 auto;
    background:red;
}
#image{
    width:100%;
    height:400px;
    position:relative;
    margin:0;
    padding:0;
    overflow:hidden;
    display:table;
}
#image img{
    height:100%;
    width:100%;
    position:fixed;
    margin:0;
    padding:0;
    top:0;
    display:table;
}
#rest{
    width:100%;
    height:1200px;
    position:relative;
    z-index:10;
    background:green;
    margin:0;
    padding:0;
    display:table;
}