Video BackGround has a Slider in it, but cannot be synced

Hi everyone!

I have a HeroSection that contains a VideoBackGround. The video contains 3separate videos, each video shows for 5 sec. I’d like to have a slider also in this element to display some text.

What I’d like to do is when the next video starts playing the following slide comes in.
I thought I made this happen quite well, but sometimes the slider messes up and ruins the whole timing.(stops sliding…when scrolling down, page loads, etc). Tried also some Custom codes, but none of them worked properly.

I find it not so professional if I put the headlines on the video in the video editor, that’s why I think maybe there might be another way.

I hope someone can help me with this, or at least have an alternative solution.

Here is my public share link: https://preview.webflow.com/preview/allwin-261838?utm_medium=preview_link&utm_source=designer&utm_content=allwin-261838&preview=704ddde5521fe8f45f5bbaa71b482c4c&mode=preview

Thanks Guys!