Css 滚动快照动画不适用于safari&；mozilla

我正在尝试使用CSS（滚动捕捉对齐方法）实现一个

旋转木马
。

这是我的代码：

部分守则：

@关键帧捕捉{
96% {
滚动捕捉对齐：居中；
}
97% {
滚动捕捉对齐：无；
}
99% {
滚动捕捉对齐：无；
}
100% {
滚动捕捉对齐：居中；
}
}
@媒体（悬停：悬停）{
旋转式笛鲷{
动画名称：tonext，snap；
动画计时功能：轻松；
动画持续时间：4s；
动画迭代次数：无限；
}
.carousel\uuu幻灯片：最后一个孩子。carousel\uuu快照器{
动画名称：tostart，snap；
}
}

这已通过以下示例实现：

它在Chrome上运行良好，但在Safari和Mozilla上不起作用。
你能帮我解决这个问题吗？
谢谢