问题是在百分比值之间,image-1的转换属性中缺少逗号。
尝试在transform属性中添加逗号,例如:
transform: translate(-50%, -50%);
这将在第一次加载时将图像居中,但您必须调整顶级属性以及JS中的某些逻辑。
或者,您可以简单地更改image-1的属性,如:
transform: translate(-50%);
没有Y轴。您也可以以相同的方式调整其他图像。