JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page-container">
    <img src="http://miriadna.com/desctopwalls/images/max/Fairy-forest.jpg" alt="forest" />
</div>

CSS

html, body {
    width: 100%;
    height: 100%;
}

#page-container {
    width: 100%;
    height: 100%;
 
    &:hover {
      filter: blur(6px);
      }
}