Hello :)
I'm trying to make a sequence of images that will be animated with ScrollTrigger, so each element will have following animation:
When the element is entering the screen, the element should have width 100% and have a blur 10px.
When the elements center is in the middle of the screen, the element should have width 50% and blur 0px.
When the elements bottom is leaving the screen, the element should have width 100% and have a blur 10px.
Here's the codepen with my demo: https://codepen.io/bjarke-rasmussen-the-sans/pen/QWYvbNJ