Backdrop-filter on mobile device not working

Need help Mobile
1

Hey all. I added a backdrop-filter (blur) to my app using CSS:

.blur {
-webkit-backdrop-filter: blur(10 px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}

While this works well on desktop, it does not work at all on mobile. Any ideas why and how to fix it?
Desktop:

image
image321×597 59.5 KB

Mobile:

IMG_2204.PNG
IMG_2204.PNG828×1792 134 KB

2

actually fixed it: works with that code:

.blur {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}