How to add blurred background to your image with CSS?

I am building notenote.cc, it's a Instagram style note taking app. I want to show photos that users pick from their device in a square frame. Something like this: After some perplexity and Google, I have a solution. First try: use css.glass directly...