JSFiddle - React, Tailwind, and code Playground

HTML

<p>Something to test that the content is in front of the background.</p>

CSS

body {
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        height: 100%;
        background: url(http://lorempixel.com/420/255);
    }
    body:before {
        content: "";
        position: absolute;
        height: 20%; width: 20%;
        background-size: cover;
        z-index: -1; /* Keep the background behind the content */
        
        /* don't forget to use the prefixes you need */
        -webkit-transform: scale(5);
        -webkit-transform-origin: top left;
                filter: blur(2px)
    }