.clouds {
  overflow: hidden;
  margin-top: -160px;
  position: relative;
}

.clouds.enable .cloud {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.clouds .cloud {
  width: 200%;
  height: 180px;
  background-size: contain;
  background-position: bottom;
  background-repeat-y: no-repeat;
  background-repeat-x: repeat;
  -webkit-animation: clouds linear 260s infinite;
  animation: clouds linear 260s infinite;
    animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

  @media (max-width:980px) {
    .clouds .cloud {
      background-repeat: no-repeat;
    }
  }