MaxD

Hello, I have an idea to do an interactive diagram on my website. I wondered if any Square Space gurus could comment on whether it’s possible.

I’ll try and describe the way I’d like it to work. The user would open a page and see an image of large box with an open top (in reality the image would be different, but a large box with an open top will suffice for this explanation). They’d scroll down. The image of the large box would remain on screen and when they scrolled, they’d move a smaller box with an open top from the top of the screen and down into the the large one (think Russian dolls). If they kept scrolling, they’d move smaller and smaller boxes into the previous and smaller one and so on.

In reality, I want to do an interactive ‘exploded’ diagram of a building and its constituent parts coming together. 

I'm also trying to do this; I have an image that either looks great on phone and bad on desktop or the other way around depending on how I crop the image. Ideally I'd have the same image cropped differently depending on what device its on. I am a total newbie  - started using SS a couple of hours ago- and have insufficient knowledge to understand this thread even. What is an image 'block' ? What else can an image be? Anyway, can anyone help me with my problem? Thanks!