iOS 11 introduced this pretty shadow effect using blur. I wanted to recreate this for web using CSS.
This particular effect has two layers of images, the background one having blur effect.
However, on researching I found this property backdrop-filter but unfortunately it is not supported by most web browsers. Only Edge and Safari supports it as of now. caniuse
You can find the original CSS effect on codepen here