I’m testing a few design elements on a website in Webflow and I’m trying to place a vertical image off axis on the home page. For some reason however it scales completely differently and gets bigger in viewport on the staging site than in my preview within Webflow (I’ve attached screenshots below). Any ideas as to why this is occurring?
Shouldn’t the preview within Webflow directly correspond to the published staging site?
I’ve also tried this with a landscape image which has then been rotated beyond 45º and that causes it to shrink on the staging site vs. how it is viewed on the published site. What is causing this?
EDIT - I should point out that I’ve removed the 100% width / height constraints which I initially thought were causing the issue, but for some reason it still persists.
Here is my published site: https://one-box.webflow.io/home
Here is my site Read-Only: https://preview.webflow.com/preview/one-box?utm_medium=preview_link&utm_source=designer&utm_content=one-box&preview=ae362e58e10ab9e12fc4abc98cd1736f&pageId=5ece3d82243ef9faaef04503&mode=preview