JSFiddle - React, Tailwind, and code Playground

HTML

<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div>

CSS

body {
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        background: url(http://lorempixel.com/420/255) no-repeat center center fixed;
        background-size: cover;
    
    }
    body:before {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        content: "text";
        position: absolute;
        height: 100%; width: 450px;
        background: url(http://lorempixel.com/420/255)  no-repeat center center fixed;
        background-size: cover;
        z-index: -1; /* Keep the background behind the content */
        
        /* don't forget to use the prefixes you need */

        -webkit-filter: blur(5px);
    
    }

div {
     height: 100%; width: 450px;
     margin: 0 auto;
}