背景位置在全屏模式下没有动画

如何解决背景位置在全屏模式下没有动画

这是我的 CSS：

div.movement {
  background-image: url('image.png');
  background-repeat: repeat;
  background-size: contain;
  animation: 60s linear 0s infinite alternate moving-background;
}

@keyframes moving-background {
  to {
     background-position: 2000% 0%; 
  }
}

当我以常规模式加载网页时，背景会不断移动。但是，一旦我按 F11 进入全屏模式，它就会停止移动。我尝试过 Chrome 和 Firefox，它们的行为方式都一样。

有没有办法在全屏模式下为背景图像的位置设置动画？我更喜欢基于 CSS 的解决方案，但我也愿意使用 JavaScript。