JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
        <div class="menu">меню</div>
        <div class="main">
            <div class="main2">контент</div>
        </div>
        <div class="footer">футер</div>
    </div>

CSS

.content {
    
    background: url(http://sa.uploads.ru/r12Ke.png)no-repeat;
    background-position:50px 0;
    z-index:10;
    position:relative;
}

.menu    {
    margin:0 auto;
    width:300px;
    background:#cecece;
    height:50px;
    }
.main {
    position:relative;
    margin:0 auto;
    width:400px;
    background:#888;
    height:200px;
    z-index:1;
}
.main2 {

    margin:0 auto;
    width:300px;
    background:#666;
    height:200px;
}

.footer {
    margin:0 auto;
    width:300px;
    background:#333;
    height:50px;
}