Absolute positioning not stacking correctly

Hi everyone,

I have 3 divs, with absolute positioning on all 3 so they stack so i can so some hide/show shenanigans (hopefully)

I was expecting them to stack perfectly on top of each other, however this is not the case, they stack off centered from each other, they sit below each other.

read-only - https://preview.webflow.com/preview/design-studio-copy?utm_medium=preview_link&utm_source=designer&utm_content=design-studio-copy&preview=6956dbdaddccd46078e7e73fb7c16311&pageId=611104e1216e9554e7d36003&workflow=preview

Any help would be greatly appreciated!
Will

Hey @Lozzaa ,

Is this the required intend?

Yeah! @imtiazraqib i just wanted them to perfectly stack on top of each other compared to how they are on my read only