.mydiv{
      background-color: #F2F2F2;
    }
   /* .mydiv img{
      width: 200px !important;
      height: auto;
      margin: 10px;
    }
     .mydiv img:nth-child(even) {
      width:200px;
      height: auto;
    }
    .mydiv img:nth-child(odd) {
      width:200px;
      height: auto;
    }*/
    .mydiv1{
      padding-bottom: : 45px;
    }
    .col-md-1:nth-child(odd) {
      -webkit-animation: myfirst 5s linear; 
      -webkit-animation-direction: reverse; 
      animation: myfirst 5s infinite;
      animation-timing-function:linear;
      animation-direction: reverse;
    }
    .col-md-1:nth-child(even) {
      -webkit-animation: odd 5s linear; 
      -webkit-animation-direction: reverse; 
      animation: odd 5s infinite;
      animation-timing-function:linear;
      animation-direction:reverse;      
    }
    @keyframes myfirst {
      0%   {left: 0px; top: 0px;}
      25%  {left: 15px; top: 10px;}
      40%  {left: 0px; top: 5px;}
      60%  {left: 20px; top: 10px;}
      80%  {left: 10px; top: 10px;}
      100% {left: 5px; top: 0px;}
    }
    @keyframes odd {
      0%   {left: 0px; top: 0px;}
      25%  {left: 15px; top: 10px;}
      40%  {left: 0px; top: 5px;}
      60%  {left: 20px; top: 10px;}
      80%  {left: 10px; top: 10px;}
      100% {left: 5px; top: 0px;}
    }