Content not showing up on iOS (is showing on Android)

Design help General
1

Hey all, I’m having issues with the content within one of my divs not showing up on iOS devices but is showing up on Android. I’ve tested it, and it’s not a browser-type issue, but it seems to be an iOS issue.

Here are screenshots showing the difference in between iOS and Android. I feel like it might be something to do with the content within my div block because the spacing is still being held, just the content not showing.

Any ideas on how to fix this so it shows on iOS?

Screenshot 2024-05-24 at 10.39.11 AM
Screenshot 2024-05-24 at 10.39.11 AM956×1870 68.7 KB

Screenshot 2024-05-24 at 10.39.45 AM
Screenshot 2024-05-24 at 10.39.45 AM1006×1854 96 KB

Here is my site Read-Only:
https://preview.webflow.com/preview/bo-studio?utm_medium=preview_link&utm_source=designer&utm_content=bo-studio&preview=fc61625ed3634ee1dc6fbbae97c1d306&pageId=655e8ec2f6f3433330d48d83&workflow=preview

2

Have just solved it! There seemed to be an issue with the div block being flex. I changed it to block and now it works. I’m not sure why flex was causing the issue since I have other elements also using flex that have been working fine.

If anyone can explain that would be amazing!