css animations – How to keep my cloud images away from each other in css?

Hey guys I’m just stuck in this position with my clouds. I have a cloud where it should be but the other cloud is not where it should be and I can’t get it to the webpage where I want it. Instead, on my other cloud. I want the little cloud to be on the right side of the page. Can anyone help me?

These are my clouds


  @charset "utf-8";
  /* CSS Document */

  /*This is for the fresh farms and clouds image*/
  background-image: url("Image/cloud.png"),url("Image/cloud.png"), 
  background-repeat: no-repeat;
  background-size: 10%,20%, cover;
  background-position: top right, top left, cover;

    height: auto;


Write a Comment