To create a responsive animation effect, you can utilize JavaScript or CSS to track the scroll position and adjust the width of the target element dynamically.
Implementing Intersection Observers or scrolling events allows you to detect when '.scroll-section.two' hits certain positions in the viewport, triggering a style change.
You can modify the width of '.scroll-section.two' using CSS transitions for a smooth effect as it grows to 50% and then back.
Consider leveraging libraries like GSAP for a more straightforward implementation of animations tied to scroll events, providing greater control.
Collection
[
|
...
]