JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.byui.edu/images/agriculture-life-sciences/flower.jpg" />

<div id="overlay"></div>

CSS

#overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(6px);

    background:transparent;
    background: transparent;

    
}
body {
    background: #300000;
    background: linear-gradient(45deg, #300000, #000000, #300000, #000000);
}


img {
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: none;
    top: none;
}