Ultimately, the opacity of the rectangles will be dropped to zero, making them areas of the page where a mouse over and mouse out action will trigger a timeline to play. The timelines or timelines will move the position of the photo. The effect will be similar to how individual app icons on Apple TV move according to the position of your thumb on the remote.
Also, this brings up another question. What is the perfect dimension and settings to ensure that the “scene area” is the exact size of the viewport no matter what the device. As it looks like you can’t set the page or an element to 100vh as in this link: https://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/
Action Rectangles.hype.zip (13.6 KB)