Danielovitch's post in Newbie question: ID (unique) to class (multiple usage) was marked as the answer
Okay, I was on the right way
// banner
let all_purgatory = gsap.utils.toArray( '.the-purgatory' );
all_purgatory.forEach( ( the_purgatory ) => {
let blow_up = gsap.to( the_purgatory, {
duration: 0.5,
scaleX: 4,
scaleY: 4,
opacity: 0,
ease: 'expo.inOut',
paused: true,
} );
gsap.to( the_purgatory, {
scrollTrigger: {
trigger: the_purgatory,
scrub: false,
start: () => 'top top',
end: () => the_purgatory.offsetHeight/2 + ' top',
onEnter: () => blow_up.restart().pause(),
onLeave: () => blow_up.play(),
onEnterBack: () => blow_up.reverse(),
onLeaveBack: () => blow_up.restart().pause(),
pin: true,
// markers: true
}
} );
});
