#svg_rocket {
    position: relative;
   }

.animated_rocket {
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 500;
    position: relative;
    transform-origin: center;
    z-index: 150;
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0) rotate(0deg);
        ;
    }
    1%,
    3%,
    5%,
    7% {
        transform: translate3d(-5px, -2px, 0)
    }
    2%,
    4%,
    6%,
    8% {
        transform: translate3d(5px, 2px, 0);
    }
    9% {
        transform: translate3d(-10px, -5px, 0);
    }
    10% {
        transform: translate3d(10px, 5px, 0);
    }
    60% {
        transform: translate3d(1530px, -250px, 0) rotate(30deg);
    }
    61% {
        transform: translate3d(-1530px, -145px, 0)
    }
    62% {
        transform: translate3d(-1530px, 500px, 0)
    }
}