`backdrop-fliter` is not supported in `firefox`, `background-blur` does not work in chrome ✅ <img width="289" alt="Screen Shot 2021-10-04 at 4 28 32 PM" src="https://user-images.githubusercontent.com/40289200/135810617-88edfd22-6148-4990-9c8e-289e508a6ba1.png"> in firefox ❌ <img width="289" alt="Screen Shot 2021-10-04 at 4 28 37 PM" src="https://user-images.githubusercontent.com/40289200/135810605-c37d5c11-cca7-4a56-a9f1-ee926c02a488.png"> [`backdrop-filter`](https://developer.mozilla.org/ko/docs/Web/CSS/backdrop-filter) [reference](https://stackoverflow.com/questions/38145368/css-workaround-to-backdrop-filter)