Animate text on scroll svg, can't active both two shapes at the same time?

Question

I have made this animate text on scroll, where I would like to have a heart and a triangle. First I can\'t make it into a triangle. Second I can make both shapes work at the sam