<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="403.75px" height="410.5px" viewBox="0 0 403.75 410.5" enable-background="new 0 0 403.75 410.5" xml:space="preserve">
	
<style>
<!-- body {
  background-color: #fff;
} -->

#wrap {
  width: 24%;
  margin: 70px auto;
}

#test{
  animation: drop1 10s infinite; 
}

#shadow, #leg-left, #leg-right, #seat, #arm-left, #arm-right, #back, #cushion, #book {
  opacity:0;
}

#shadow {
  animation: drop 1s linear; 
  animation-fill-mode: forwards;
}

#leg-left, #leg-right, #seat, #arm-left, #arm-right, #back {
  animation: drop 1s linear;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
}

#cushion {
  animation: drop 1s linear;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
}

#book {
  animation: drop 1s linear;
  animation-fill-mode: forwards;
  animation-delay: 2.1s;
}

@keyframes drop {
  0% {transform: translateY(-470px) scaleY(0.9); opacity: 0;}
  5% {opacity: 1;}
  50% {transform: translateY(0px) scaleY(1); opacity: 1;}
  65% {transform: translateY(-15px) scaleY(0.9); opacity: 1;}
  75% {transform: translateY(-18px) scaleY(0.9); opacity: 1;}
  100% {transform: translateY(0px) scaleY(1); opacity: 1;}
}

@keyframes drop1{
  0% {transform: translateY(-470px); opacity: 1; }
  5% {transform: translateY(0px) scaleY(1); opacity: 1; }
  50% {transform: translateY(0px) scaleY(1); opacity: 0.8;}
  65% {transform: translateY(0px) scaleY(1); opacity:0.6;}
  75% {transform: translateY(0px) scaleY(1); opacity: 0.4;}
  100% {transform: translateY(0px) scaleY(1); opacity: 0;}
}

</style>
      <g id="test">
    <ellipse id="shadow" fill="#FEDBCA" cx="201.375" cy="395.166" rx="176.5" ry="15.334"/>
      
    <path id="leg-left" fill="#4A494A" d="M126.166,392.833c0,5.522-4.477,10-10,10l0,0c-5.522,0-10-4.478-10-10l-6-38c0-5.522,10.478-10,16-10l0,0
      c5.523,0,16,4.478,16,10L126.166,392.833z"/>
      
    <path id="leg-right" fill="#4A494A" d="M297.583,392.833c0,5.522-4.478,10-10,10l0,0c-5.522,0-10-4.478-10-10l-6-38c0-5.522,10.478-10,16-10l0,0
      c5.522,0,16,4.478,16,10L297.583,392.833z"/>
      
    <path id="back" fill="#5BA6D4" d="M60.958,160c0-125.833,62.866-160,140.417-160c77.55,0,140.416,34.167,140.416,160c0,150-62.866,160-140.416,160C123.824,320,60.958,310,60.958,160z"/>
      
    <circle id="arm-left" fill="#87CEFA" cx="54.583" cy="250.39" r="54.583"/>
    <circle id="arm-right" fill="#87CEFA" cx="349.167" cy="250.39" r="54.583"/>
    <path id="seat" fill="#87CEFA" d="M335.416,288.167l-40.833-37.776v40.623c0,0,0,5.974-10,5.974c-8.369,0-62.548,0-80,0c0,0-2.016,0-5.417,0
      c-17.452,0-71.631,0-80,0c-10,0-10-5.974-10-5.974V250.39l-40.832,37.776c0,0-11.25,46.674,17.083,64.174c26.948,16.645,205.967,16.645,232.915,0C346.666,334.84,335.416,288.167,335.416,288.167z"/>
      
    <path id="cushion" fill="#87CEFA" d="M291.369,285.167c0,6.943-6.254,8.134-13.197,8.134H124.328c-6.943,0-11.947-1.19-11.947-8.134
      l-0.313-27.333c0-6.943,5.316-6.443,12.26-6.443h153.844c6.943,0,12.885-0.5,12.885,6.443L291.369,285.167z"/>
      
    <path id="book" fill="#FFFFFF" stroke="#91E3E4" stroke-width="4" stroke-miterlimit="10" d="M201.875,223.807h64.667c6.628,0,12,5.373,12,12
      v1.153c0,6.627-5.372,12-12,12h-64.667"/>
      </g>
    </svg>