Responsive layout looks completely different when I try it on my phone (android)

So basically I’m trying out 2 pages: “Home” and “Works”. They work just fine responsive-wise when I try them on my monitor. The problem is I just tried it on my phone screen with a share link and it looks awful. Different text colors, animations not works, elements all squished together, a real mess.

What exactly am I doing wrong?

Please note that it is a bit of a mess but I’ve tried to be very clean with these 2 pages. Any help is greatly appreciated!


Here is my site Read-Only:https://preview.webflow.com/preview/alvar-julian?utm_medium=preview_link&utm_source=designer&utm_content=alvar-julian&preview=09209b10cbb241e43907ba2916a6e10a&mode=preview