JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"></div>

CSS

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

body {    
    background: url(http://s4.goodfon.ru/image/485767-1024x768.jpg) no-repeat 50%;
    background-size: cover;
    background-attachment: fixed;
}

body:before,
body:after {    
    content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.';
    
    width: 200px;
    
    position: fixed;
    top: 0;    left: 0;
    
    padding: 10px 15px;
    
    background: rgba(255,255,255,0.4);
}

body:after {    
    top: auto;    left: auto;
    bottom: 0;    right: 0;
}



.content {
    height: 9999px;
}