Animation Skrollr动画在safari中闪烁。我做错了什么？

在图像动画中向下滚动时，它在每个图像之间闪烁。当向上滚动并重新开始时，闪烁消失。在Chrome和Firefox中工作得非常好。代码结构如下：

HTML

<div class="container" id="arena"> 
            <div id="animate"
            data-anchor-target="#arena" 
            data-smooth-scrolling="off"

            >
                  <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0001.png" alt="" data-0-top="display:none;" data--100-top="display:block;" data--125-top="display:none;">
                  <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0003.png" alt="" data-0-top="display:none;" data--125-top="display:block;" data--150-top="display:none;">
                  <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0004.png" alt="" data-0-top="display:none;" data--150-top="display:block;" data--175-top="display:none;">
</div>

CSS: 

img {
    height: 500px;
    width: 800px;
    position: fixed;
}


    #arena {
        position: relative;
        width: 1000px;
        height: 900px;
        background-size: 900px 800px;
    }
    #animate {
        width: 850px;
        height: 650px;
        position: fixed;
        background-size: 900px 800px;
        background-repeat: no-repeat;
        left: 10%;


    }

HTML
CSS:
img{
高度：500px；
宽度：800px；
位置：固定；
}
#竞技场{
位置：相对位置；
宽度：1000px；
高度：900px；
背景尺寸：900px 800px；
}
#生动活泼{
宽度：850px；
高度：650px；
位置：固定；
背景尺寸：900px 800px；
背景重复：无重复；
左：10%；
}

已修复，img{position:Fixed）是问题所在。移除并解决问题