I dont know how to layer my images proberly

I want to layer my images on top of each other so that i can make an animation of the picture on top moving slightly when scrolling down the page. But the way i have layered my images does not feel right to me. I have been layering them by dropping the images i need into the grid container, and then moving them in to place with the relative positioning tool. This makes it so the grid extends very far down the page, which makes the grid container overlap with the section underneath.
So my question is; is there a better way to layer my images or does it not matter that it overlap the section underneath and extend further then needed?


Here is my site Read-Only: https://preview.webflow.com/preview/gluds-cafe?utm_medium=preview_link&utm_source=designer&utm_content=gluds-cafe&preview=02c252327950cdb080dc0549ba68f4b0&pageId=60908cd673f92b8b71b926a7&mode=preview