Formatting issues between browsers

Design help Layout & Design
1

Hey there,
I’ve been designing in webflow for some time now and haven’t run into any responsive issues until today.

I have a landing page that I’m building and the header areas is using some tricky formatting to position images on the screen.

In Chrome, I can’t get the site to show up but am getting a 404 redirect.
In Safari and Firefox, one of the images that is visible on the canvas is totally missing. Safari is also resizing the images so they are smaller than how they appear in the canvas.

I’m using a grid to position images into areas on the canvas and then am using margin to move the images around.

I’m also applying an interaction to the images so that when my mouse moves, the images follow the direction of the mouse.

I’m open to other ideas on how to build this so it works across browsers if you have any thoughts.

Here is my site Read-Only:
https://preview.webflow.com/preview/helico-01?utm_medium=preview_link&utm_source=designer&utm_content=helico-01&preview=faf9797adbc12cb716b60b3e26075cb9&pageId=67a67dee44455fd8ed596c17&workflow=preview

2

Sounds like a mix of grid positioning, margins, and interactions causing browser inconsistencies. Try using grid alignment or absolute positioning instead of margins for better control. Check for overflow issues that might be hiding images, and make sure they’re not set to hidden on certain breakpoints. For Chrome’s 404, clear the cache, republish, and check for any redirect issues in settings. Let me know if you need more help!