Slider transition


Not sure if there is an easy solution for this, but I have created a div block (overflow hidden) and masked my web page image inside. The image should scroll from top to bottom, then back to the top. In interactions, I put the first point to be 0%, second to -100%, then back to 0%.

The interactions seem to start from the top left of the image, and when it goes -100% the image disappears out of view when I just want it to scroll to the bottom of my image then back up. Is there a solution for this?


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