Absolute position breaks the design

0

Hi,

I’m trying to develop a website for my company on Webflow.

On the section shown in picture you can see a vertical navbar and 2 different contents (app screenshots and texts) according to the selection.

The right part works properly but I can’t find a solution for the screen shot.

Actually, I made a Horizontal flex block including the phone, the navbar and the text. The phone and the text are in extended mode, not the navbar.

For the effect of fusion between the navbar and the phone square I moved the navbar to the left and I worked with the shadow boxes.

Right now, the text change properly when the mouse is over a button. When I set up the left part (square phone and the screenshots), the whole design breaks.

Can you help me please ??
Thank you

Here the link to the webflow page :

https://preview.webflow.com/preview/ikinesis-test?utm_medium=preview_link&utm_source=designer&utm_content=ikinesis-test&preview=142bb9a901b87c8b6cf91e26da18a063&workflow=preview