Animations not working for me

I do not generally play around with animations too much however on this particular project i would like to use the inview animation to fade an image in when the image has entered the view port by 10%.

I clicked an image in my App Structure that was very far down the page, about 1000px out of the viewport, added a dynamic attribute of inview animation, Name: Fade In with a Start of 10% visible.
I would expect to scroll down and see no image until 10% of the image is scrolled to, then I would expect the image to fade in to 100% visible once i scroll further.

The image never fades though and is always just visible no matter what the scroll position, is there something I am missing or is this currently not working?
Page: https://www.africacollectionbs4.com/
Element is a massive black rectangle with logos in it at the bottom of the page, set to Fade In 90% visible for testing purposes.

Community Page
Last updated: