glassmorphism.css

*{
   margin:0;
padding:0;
box-sizing:border-box;
}





.blurred-wrapper
{
height:100vh;
background:url(https://images.unsplash.com/photo-1533009818448-9da32131ba79?ixid=MXwxMjA3fDB8MHxzZWFyY2h8Nnx8bmVvbiUyMHByaXNtfGVufDB8fDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1100&q=60);
position:relative;
z-index:1;
overflow:hidden;
animation:hue 10s infinite alternate;

}
.blurred-wrapper::after
{
   content:"";
width:100%;
height:100%;
background:inherit;
position:absolute;
top:0;
let:0;
z-index:-1;
filter:blur(1rem);
transform:scale(1.15);
}

@keyframes hue
{
  from{
        filter: hue-rotate(0);
      }
  to{
        filter: hue-rotate(360deg);   
    }

}