Creating an overlay to look like a letter on website

Hello -

I’m trying to create a design where it looks like a few pieces of paper are on top of each other with a written letter on top. I’m using DIV blocks for this and using Relative position. But when I move the DIV blocks to overlap with one another, the Container block does not adjust, so there is a massive blank space between this container and the next one.

I’m also struggling with how to size these DIV blocks so they are consistent across mobile and larger sized screens.

Lastly I want to include an image of profile pic at the end of this letter. What’s the best way to position a profile pic here so it also works across different sized screens?

Here’s the link to my site: Webflow - Moon

Here is my site Read-Only: LINK
(how to share your site Read-Only link)