JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper_left">
    <div class="wrapper_right">
        <div>
            Я контент-контент-контент...
        </div>
    </div>
</div>

CSS

html, body { margin: 0; padding: 0; }
.wrapper_left { 
    background: url(http://www.freecaliforniawallpaper.com/images/textures/water1.jpg) 20% 0; }
.wrapper_right { 
    width: 50%;
    margin-left: 50%;
    background: url(http://www.freecaliforniawallpaper.com/images/textures/wood1.jpg) 80% 0; }
.wrapper_right>div {
    width: 400px;
    margin-left: -210px;
    padding: 10px;
    background: #ddc;
    min-height: 400px;  
}