
.link_00 img{
  width: 550px;
  height: auto;
  top:80px;
  left:440px;
  position: absolute;
}
.link1 img{
  top:100px;
  left:80px;
  width:110px;
  height: 110px;
  position: absolute;
}
.link2 img{
  top: 90px;
  left:320px;
  width: 130px;
  position: absolute;
}
.link3 img{
  top:100px;
  left:1025px;
  width: 110px;
  position: absolute;
}
.link4 img{
  top:60px;
  left:1250px;
  width: 130px;
  position: absolute;
}
.link5 img{
  top:250px;
  left:280px;
  width: 150px;
  position: absolute;
}
.link6 img{
  width: 150px;
  top:245px;
  left:1150px;
  position: absolute;
}
.link7 img{
  top:410px;
  left:100px;
  width: 160px;
  position: absolute;
}
.link8 img{
  width: 140px;
  top:390px;
  left:1000px;
  position: absolute;
}
.link9 img{
  top:400px;
  left:1300px;
  width: 170px;
  position: absolute;
}


.link2 img,.link6 img,.link7 img {
animation: mymove2 8s linear;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-direction: alternate;
}

@keyframes mymove2 {
  0%{
   transform:rotate(0deg)
             translate(-15px)
             rotate(0deg);

 }

 100%{
   transform:rotate(270deg)
             translate(-15px)
             rotate(-270deg);
 }
}

.link1 img,.link3 img,.link8 img {
/* transform-origin:20px 20px; */
animation: img1 8s linear;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-direction: alternate;
}

@keyframes img1 {
  0%{
   transform:rotate(0deg)
             translate(20px,10%)
             rotate(0deg);
 }
 100%{
   transform:rotate(30deg)
             translate(20px,30%)
             rotate(-30deg);
 }
}
.link4 img,.link5 img,.link9 img{
/* transform-origin:-30px -30px; */
animation: img3 8s linear;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-direction: alternate;
}

@keyframes img3 {
  0%{
   transform:rotate(0deg)
             translate(-11px)
             rotate(0deg);
 }
 100%{
   transform:rotate(-300deg)
             translate(-12px)
             rotate(300deg);
 }
}

.link_00 img{
/* transform-origin:-30px -30px; */
animation: img_main 5s linear;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-direction: alternate;
}

@keyframes img_main {
  0%{
   transform:rotate(0deg)
             translate(-15px,0%)
             rotate(0deg);
 }
 100%{
   transform:rotate(-0deg)
             translate(15px,0%)
             rotate(0deg);
 }
}
