Image appears differently on laptop vs. desktop

Hello,

I am having an issue when I try to get one of my images to overlap another. When I publish the site, the desktop version will have the image in the exact location I have it on my designer, but the laptop shows the image overlap a little off the mark.

This only happens when I have the image in a container with % widths defined. I am guessing the container is what allows the image to look the same across all screen sizes. How can I get these images to look the same on both desktop and laptop while having everything nice and centered?

Any help would be greatly appreciated!

Read Only Link: https://preview.webflow.com/preview/austins-business-starter-070317?utm_medium=preview_link&utm_source=designer&utm_content=austins-business-starter-070317&preview=3b2c4e581eb051a839907826d552c7cb&mode=preview

Thank you!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi

Your read only link return 404 :frowning:

Hi Shokoaviv!

So I actually figured it out last night after hours of attempts. It appears that when my container had a 100% width and 78% max width, it was causing this difference across device (desktop vs. laptop). When I changed the class of the container away from “container” to something random, it got rid of these dimensions and all of a sudden everything was represented correctly on both desktop vs. laptop. I think the width dimensions were the cause of the issue, although I couldn’t say why particularly!