JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="outer"></div>
    <div class="wrap">
        <div class="header"></div>
        <div class="block">Здесь будет текст, который никуда не вылазит</div>
    </div>

</body>

CSS

html, body{
padding:0px;
margin:0px;
height:100%;
}

.wrap{
width:760px;
margin:0 auto;
background:#ccc;
position:relative;
z-index:2;
}


.header{
height:200px;
background:red;
}


.block{
background:url(http://alpatriott.ru/works/primer/images/yellowfon.png) no-repeat;
background-position:100% 0;
width:320px;
height:300px;
}

.outer{
position:absolute;
right:50%;
top:200px;
margin-right:60px;
width:100%;
height:300px;
background:url(http://alpatriott.ru/works/primer/images/yellowfon.png) no-repeat;
background-position: 100% 0;
z-index:1;
}