Webflow Designer responsiveness looks fine but in reality is not fine

I have added a background image to my body and in the Webflow Designer on all screen sizes it looks fine. Elements in layout also look like they are placed okay.

But when I check the site from my phone the bottom part of the body it seems is white and the elements are not well placed?
Can someone please explain how this works and maybe how to debug an issue like this?

Please include your site’s Read-Only Share Link with your question.
A read-only link allows the community to view your project without making any edits to it and help diagnose your issue or provide feedback.

If your project has custom code or layout issues on the published site, please share that URL/URI as well.