How to get designer view and preview view to look the same

Hi, I’m having trouble getting the designer view and preview view to look the same when I am using Relative positioning to overlay a section over the background image. Please help. I really can’t figure out what I’m doing wrong. Thank you so much.

Here is my site Read-Only: https://preview.webflow.com/preview/inputpositioninghelp?utm_medium=preview_link&utm_source=designer&utm_content=inputpositioninghelp&preview=41fb878504be5e49b408fa9d4e227798&pageId=5f1747cf88172074228c95e0&mode=preview