Getting a page slide from all sides


(excuse my terminology a page is what I am calling a section at full VH and VW)

I trying to create a centre page to which other pages will slide from each of its four sides.

I have made a page already with both left and right side pages, however I am wondering if that is the easiest way to go about it, considering there needs to be a page at the bottom also.

Each page is set to absolute positioning in order for them to stack on top of each other.

I am wondering if there is an easier way to do so.

Second question is the sliding animation.

The left page i have made is to slide in however it seems to be appearing about two thirds in from the left then sliding in. I have set its original position to 100% left so it is completely of screen. maybe i am missing something.

quite a lot here and i usually try to keep it to one question per post but i feel the problem may be linked to what i am trying to achieve

Here is my public share link: LINK
(how to access public share link)