@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
    from {top: 0px;}
    to {bottom: 200px;}
}
 
.swingimage{
    animation-direction: alternate;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 2.5s ease-in-out forwards infinite;
}
.move {
    display:none;
    width: 100px;
    height: 100px;
    float:right;
    text-align:right;  
    position: relative;
    -webkit-animation: mymove 5s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 5s forwards;
   
   
    
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {top: -20px;}
    to {top: 125px;}
}

@keyframes mymove {
    from {top: -20px;}
    to {top: 125px;}
}