Scroll Into view makes elements blink on scroll website

Having an issue in which I have a scrolling section in a CSS 2 colum grid.
In one column is a div with one sticky image in the other are static placed divs for text/content and two white gradient overlays to provide fade in/out effect at the top & bottom edges, as well as a scroll in fade effect animation on the smaller elements.

My problem is that after some modifications to this template, these divs are now blinking or basically stuck in the scroll in animation loop when they get to the edges.

I’ve tried to reverse engineer the issue with the old template here, but can’t seem to nail down the problem.

Here’s a quick look at the problem: Gif of sourcecode and animation

Any help would be appreciated.

Here is my public share link: Here’s My Site