While scrolling in view image animation error in base location

Hi guys,

I want to make a scroll down animation with an image to move it down from its original location, I tried with the image itself and a div block but when I set the animation it stars a bit lower than it is located before the animation so it kinda ruins the point of it.

Does anyone have any suggestion? it’s my first time trying this animation :slight_smile:

Thanks,

Screenshot 2020-06-11 at 22.06.35
Screenshot 2020-06-11 at 22.19.30


Here is my public share link: https://preview.webflow.com/preview/fernandoportfolio?utm_medium=preview_link&utm_source=designer&utm_content=fernandoportfolio&preview=27dbd72981960df82e10b86a6713e883&mode=preview

I already solved this by selecting a percentage lower than 100% on the animation.