Bjarke

Thanks again for the fast reply @mvaneijgen !! The thing is that I would like the text container to have the same width as the image and I don't want the spacing around the image to change, like it does when you use scale.

Thank you very much @mvaneijgen for the fast reply! So what if I want text below the image, that I would like not to scale — then I guess would have to use the width property? But then it seems like the scrollTrigger start/end is slowly moving as I scroll down the page. Here's a codepen with my approach: https://codepen.io/bjarke-rasmussen-the-sans/pen/zYewaVo

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