clip path not working when animating

[srlevitt]

I'm trying to create a kaleidoscope effect. I use six divs with clip paths, rotated at various angles. Without any animation, this works fine. When I use webkit animation to rotate content within these divs, the clip paths do not get applied. This works fine with Chrome on my PC, but not on your browser on a Pi under Balena.
I tried just using a jscript requestAnimationFrame to "manually" repeatedly increment the rotation of the content, but this was way too slow and jerky. Any ideas?

kal_html.txt

[srlevitt]

This is what it looks like on Chrome:

And on the Pi:

[balena-ci]

[zvin] This issue has attached support thread https://jel.ly.fish/#/support-thread~664be8ff-68e0-48e8-bed2-e21959b47558