How to achieve stagger animation when multiple elements are grouped together?

[sumukha]

 

How can I add a stagger effect to this group.

 .from(`${selector} .card img`, { x: -80, autoAlpha: 0 })
        .from(`${selector} .card .card-title,${selector} .card p`, {
          autoAlpha: 0,
          y: 30,
          stagger: 0.08,
        });

Order of animation must be like this, First card-1 image ,card1-title and card-1 subtitle and after that card-2 image, card-2 title and card-3 subtitle like this.

[OSUblake]

Welcome to the forums @sumukha

 

Can you put that in a minimal demo? Usually when you need to stagger groups of animations, you can create a stagger using the position parameter inside a loop...

 

See the Pen OJxPmxW by GreenSock (@GreenSock) on CodePen