เริ่มศึกษา php มาสักพักละครับ มีเรื่องอยากสอบถามพี่ทุกท่านเกี่ยวกับ css ครับ ไม่ทราบว่าจะโพสถูกกลุ่มรึป่าวน้ออ

<div class="banner">
	<div class="clouds">			
						<img src="img/cloud1.png" style="--i:1">
						<img src="img/cloud2.png" style="--i:2">
						<img src="img/cloud3.png" style="--i:3">
						<img src="img/cloud4.png" style="--i:4">
						<img src="img/cloud5.png" style="--i:5">
	</div>
</div>	

.banner{
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url('../Sarakham2.jpg');
  background-size: cover;
  background-position: bottom;
}

.banner .clouds{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .clouds img {
  position: absolute;
  bottom: 0;
  max-width: 100%;
  animation: animate calc(8s * var(--i)) linear infinite;
}