Glassmorphism Styling On Mobile

Hey guys,
Kindly view the mobile version. I’m designing a glassmorphism effect with the Tweet Div (refer the link below). It looks fine on the editor and it also looks fine when I publish it and check on the responsive viewer on chrome.

However, if I load the site on my phone(iPhone X), there’s a black background on the div and it looks bad(refer image below).

How do I fix this?

Here is my site Read-Only: Webflow - Filter Coffee