I have no idea if it's related, but on chrome on my phone most of the page was solid yellow. Took a while to realize I'm supposed to scroll and the things show up.

I don't like this 'trend' of the things appearing with an animation as you scroll, I find it irritating and sometimes confusing.

Anyway, the problem here seems to be that the threshold is way too high, it only triggers when you scrolled the whole content away.

I just lowered the scroll threshold on mobile, does that help?

The problem is that the example videos auto-play and can be quite distracting if they're visible by default.

I _think_ it's better. For me, it's still a bit weird when you're scrolling past the first one, but I think you just need a hint or something that the region is scrollable (my confusion comes from the fact that there needs to be a card-length empty space for the card to come in).

Do you mean the example videos with the text next to them? Or the 2 rows of images at the very bottom of the page?

They are .webm and .webp. Which browser & browser version are you using?

Not the parent, but Safari on iOS. https://caniuse.com/webm

I just added .mp4 fallbacks, thanks for the tip!

For me the videos look like images, both on Firefox and chromium on linux.

No play button is displayed, no video playback control bar either, and pressing on space bar does not start the video. Right-clicking over the video shows a context menu with "play" option.

It is confusing to see these as screenshots of the cluttered interface and no indication that these are videos.

Do the videos auto-play for you when they appear?

I made the bad decision of hand-coding the landing page in React, this is the result of it :)

I think they have autoplay disabled, I have autoplay disabled as well and have the same experience. If I enable autoplay it works. (Firefox)