Iframe being cut at the bottom on mobile screen

Hi all,

I set up a page on my website to display a virtual tour on full width and height using iframe. It looks perfect on desktop, but when viewed on mobile, the bottom part of the page is being cut off. See my screenshots below:


This is what the settings on my dashboard, not sure if i am doing it correctly:
Screenshot 2021-06-08 at 2.53.24 PM

Thank you in advance!


Here is my site Read-Only:
https://preview.webflow.com/preview/theredmarker-project?utm_medium=preview_link&utm_source=designer&utm_content=theredmarker-project&preview=77faf4429e1d7dac70d87f43f050bcd4&pageId=60bebb524e35d92b34ca0db7&workflow=preview