JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo l
            igula eget dolor. Aene an massa. Cum sociis natoque penatibus et magnis 
            dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricie
            s nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis en
            im. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In
            enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum
            felis eu pede mollis pretium. Integer ti ncidunt. Cras dapibus. Vivamus e
            lementum semper nisi. Aenean vulputate eleifend tellus. Aenean l eo ligul
            a, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
            dapibus in, viv erra quis, feugiat a, tellus. Phasellus viverra nulla ut m
            etus varius laoreet. Quisque rutrum. A enean imperdiet. Etiam ultricies ni
            si vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rh
            oncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper l
            ibero, si t amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit ve
            l, luctus pulvinar, hendrerit id , lorem. Maecenas nec odio et ante tinci
            dunt tempus. Donec vitae sapien ut libero venenatis fauc ibus. Nullam quis 
            ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. pede. Se
            d lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellent
            esque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus
            leo dolor, tempus non, auctor et, hendr erit quis, nisi. Curabitur ligula 
            sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. M aecenas ma
            lesuada. Praesent congue erat at massa.</p>
        <p>Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed conse
            quat,...

CSS

body {
    width: 100%;
    height: 100%;
    background: url(http://lorempixel.com/output/cats-h-c-1004-1044-3.jpg) no-repeat center top/cover fixed;
}
body:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content:"";                 /*adjust brightness here */
    background: hsla(0, 0%, 0%,     0.5);        
}