#cloud1{
  margin: 0 0 0 0;
  opacity: 0.5;
  z-index: 1;
  position: absolute;
  background:url('../../assets/img/cloud1.png') repeat-x;
  height:600px;
  width:100%;
  animation:cloudani1 60s linear infinite;
}
#cloud2{
  margin: 0 0 0 0;
  opacity: 0.5;
  z-index: 2;
  position: absolute;
  background:url('../../assets/img/cloud2.png') repeat-x;
  height:600px;
  width:100%;
  animation:cloudani2 180s linear infinite;
}

@keyframes cloudani1{
  from{
    background-position:1000px 0;
  }
  to{
    background-position:-1000px 0;
  }
}

@keyframes cloudani2{
  from{
    background-position:2000px 0;
  }
  to{
    background-position:-2000px 0;
  }
}