Pictures overlapping

Hello,

I do not manage to properly make the two cellphone mockups overlap half way on the model picture.

I but the section where the mockup are on “relative” and the blocks of the mockup on “absolute” in order to move them freely. I then play with the position command in order to move them precisely.

Is that the right thing to do?
Thanks


Here is my site Read-Only:
https://preview.webflow.com/preview/elenas-test-project-4bb289?utm_medium=preview_link&utm_source=designer&utm_content=elenas-test-project-4bb289&preview=d96845b95e9d5689628d836dcfa8c027&pageId=60907d44c5938d30993d06d3&mode=preview