JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap"></div>
        <div class="wrap"></div>
            <div class="fon"></div>

CSS

html{
height:100%;
}

body{
margin:0;
padding:0;
height:100%;
}


.wrap{
margin:50px auto;
background:#fff;
position:relative;
border:3px solid #47553d;
background:#fafad6;
width:700px;
height:100%;
}

.fon{
height:300px;
margin-top:-300px;
background:url(http://alpatriott.ru/works/primer/images/yellowfon.png) no-repeat center bottom;
}