#m1 {
 
  position: relative;
  animation-name: example;
  animation-duration: 2s;
}
#m2 {
 
 
  position: relative;
  animation-name: example;
  animation-duration: 2s;
 
}
#m3 {

 
  position: relative;
  animation-name: example;
  animation-duration: 2s;
  
}
#m4 {
    position: relative;
    animation-name: example;
    animation-duration: 2s;
}
#m5 {
    position: relative;
    animation-name: example;
    animation-duration: 2s;
}
#m6 {
    position: relative;
    animation-name: example;
    animation-duration: 2s;
}
#m7 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}
#m8 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}
#m9 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}
#m10 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}
#m11 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}
#m12 {
    position: relative;
    animation-name: example2;
    animation-duration: 2s;
}

@keyframes example {
  0%   { left:-2000px; top:0px;}
  100%  { left:0px; top:0px;}
  
}
@keyframes example2 {
    0% {
        left: 2000px;
        top: 0px;
    }

    100% {
        left: 0px;
        top: 0px;
    }
}