overflow:hidden容器内元素交错飞入动画异常问题排查

我正尝试实现元素从overflow:hidden的容器外飞入的动画，之后逐个缩小消失并由其他元素替换。但部分元素出现异常动画：从最终位置(B)跳回起始位置(A)再回到(B)，尤其setTimeout间隔较大时更明显。我已尝试animation forwards、vw单位等方法无效，怀疑与setTimeout有关，相关代码如下：

.section-3-expand-parent-1 {
    animation: flyIn 2.5s forwards;
}

内容的提问来源于stack exchange，提问作者henry