html - 为什么这个 CSS 动画中的云会移动到新行而不是离开页面？

Question

我试图让这些云在网页上移动并移出它，但云不断移动到新的行。这是网站：http ://therealrohanm.me/Falcon-Hacks-Website/ （云需要几秒钟才能显示）

这是代码：https ://github.com/Meeshbhoombah/Falcon-Hacks-Website

我怎样才能让他们不移动到新行？还有，我怎样才能把云降下来？

Answer 1

尝试为每个云“云”添加一个类

<img class="cloud-1" src="images/Cloud.png">

应该成为

<img class="cloud cloud-1" src="images/Cloud.png">

然后添加一些CSS：

#animated-cloud-background .cloud {
    position: absolute;
    top: 0;
    left: 0;
}