Appear and Disappear using Horizontal Scroll with scroll into view interatction

I am trying to make a chat box appear and disappear with horizontal scroll when page scrolls over an element, it suppose to repeat multiple times with the the amount of trigger it has, however, everytime it scrolls to the last one, it just never works. Can someone please help?
this is the kind of effect I am trying to go for
Mailchimp HQ | 2020 Mailchimp Annual Report


Here is my public share link: https://preview.webflow.com/preview/asd-2fa59f?utm_medium=preview_link&utm_source=designer&utm_content=asd-2fa59f&preview=31fb43ceda39e0cec3519366913ca54b&workflow=preview
(how to access public share link)
this is the published link: asd (webflow.io)