Jquery Slide in Car Animation

Jquery Slide in Car Animation

I have made a Jquery Slide In Animation of a car from left to right and i want to copy this animation link. I am able to slide in but this sample link is adding more animations on the car. Can anyone please guide me how to achieve the exact car animation. This is my code my code 

  1. <div id = "wrapper" > <div id="mainContainer"> <div id="text"> <img id="Image_Car" src="http://i.share.pho.to/c43dc6d7_o.png" /> </div> </div> </div> $(document).ready(function () { bannerAnimation(); }); function bannerAnimation(){ //Jquery Animation $("#Image_Car").animate({ left: "30" }, 500, function () { $("#Image_Car").animate({ left: "10" }, 200); }); } #wrapper { left: 50px; top: 50px; width: 300px; height:250px; position: absolute; } #mainContainer{ background: url('https://secure-ds.serving-sys.com/BurstingRes/Site-8188/Type-0/5fefb401-b187-4d82-b4db-cbd2ef29cc48.gif'); width:300px; height:250px; overflow: hidden; position: absolute; } #Image_Car { position:absolute; overflow: hidden; margin:60px 8px; left: -120px; }