#container {
          position: relative;
          height: 100%;
          width: 100%;
          overflow: hidden;
      }



      #cardCont > div 
      {
          position: absolute;
          width: 60px;
          height: 100px;
          -webkit-animation-iteration-count: infinite, infinite;
          -webkit-animation-direction: normal, normal;
          -webkit-animation-timing-function: linear, ease-in;
          z-index: 100;
      }

      #cardCont > div > img {
           position: absolute;
           width: 60px;
           height: 100px;
           -webkit-animation-iteration-count: infinite;
           -webkit-animation-direction: alternate;
           -webkit-animation-timing-function: ease-in-out;
           -webkit-transform-origin: 50% -100%;
           z-index:100;
      }


      @-webkit-keyframes fade
      {
          0%   { opacity: 1; }
          95%  { opacity: 1; }
          100% { opacity: 0; }
      }

      @-webkit-keyframes drop
      {
          0%   { -webkit-transform: translate(0px, -50px); }
          100% { -webkit-transform: translate(0px, 1200px); }
      }

      @-webkit-keyframes clockwiseSpin
      {
          0%   { -webkit-transform: rotate(-50deg); }
          100% { -webkit-transform: rotate(50deg); }
      }

      @-webkit-keyframes counterclockwiseSpin 
      {
          0%   { -webkit-transform:rotate(50deg); }
          100% { -webkit-transform: rotate(-50deg); }
      }