.scene {
    position: relative;
    z-index: 2;
    height: 200px;
    width: 200px;
    margin-bottom:50px;
    animation-name: introblur;
    animation-duration: 2.5s;
    animation-iteration-count: 2;
    animation-direction:alternate;
  }

  @keyframes introblur {0%{filter:blur(10px);}100%{filter:blur(0px);}}

  .intropixel {
    width:50px;
    height:50px;
    overflow:hidden;
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    animation-duration: 4s;
    animation-iteration-count: 2;
    animation-direction:alternate;
    border-radius:2px;
  }
  .intropixel img {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
  }
  .intropixel:nth-child(1) {top:0px;left:0px;animation-name:pixelone;}
  .intropixel:nth-child(2) {top:0px;left:50px;animation-name:pixeltwo;}
  .intropixel:nth-child(3) {top:0px;left:100px;animation-name:pixelthree;}
  .intropixel:nth-child(4) {top:0px;left:150px;animation-name:pixelfour;}
  .intropixel:nth-child(5) {top:50px;left:0px;animation-name:pixelfive;}
  .intropixel:nth-child(6) {top:50px;left:50px;animation-name:pixelsix;}
  .intropixel:nth-child(7) {top:50px;left:100px;animation-name:pixelseven;}
  .intropixel:nth-child(8) {top:50px;left:150px;animation-name:pixeleight;}
  .intropixel:nth-child(9) {top:100px;left:0px;animation-name:pixelnine;}
  .intropixel:nth-child(10) {top:100px;left:50px;animation-name:pixelten;}
  .intropixel:nth-child(11) {top:100px;left:100px;animation-name:pixeleleven;}
  .intropixel:nth-child(12) {top:100px;left:150px;animation-name:pixeltwelve;}
  .intropixel:nth-child(13) {top:150px;left:0px;animation-name:pixelthirteen;}
  .intropixel:nth-child(14) {top:150px;left:50px;animation-name:pixelfourteen;}
  .intropixel:nth-child(15) {top:150px;left:100px;animation-name:pixelfifteen;}
  .intropixel:nth-child(16) {top:150px;left:150px;animation-name:pixelsixteen;}

  @keyframes pixelone {0%{transform:translate(0px,0px);}100%{transform:translate(-20px,-20px);}}
  @keyframes pixeltwo {0%{transform:translate(0px,0px);}100%{transform:translate(-5px,-20px);}}
  @keyframes pixelthree {0%{transform:translate(0px,0px);}100%{transform:translate(5px,-20px);}}
  @keyframes pixelfour {0%{transform:translate(0px,0px);}100%{transform:translate(20px,-20px);}}

  @keyframes pixelfive {0%{transform:translate(0px,0px);}100%{transform:translate(-20px,-5px);}}
  @keyframes pixelsix {0%{transform:translate(0px,0px);}100%{transform:translate(-5px,-5px);}}
  @keyframes pixelseven {0%{transform:translate(0px,0px);}100%{transform:translate(5px,-5px);}}
  @keyframes pixeleight {0%{transform:translate(0px,0px);}100%{transform:translate(20px,-5px);}}

  @keyframes pixelnine {0%{transform:translate(0px,0px);}100%{transform:translate(-20px,5px);}}
  @keyframes pixelten {0%{transform:translate(0px,0px);}100%{transform:translate(-5px,5px);}}
  @keyframes pixeleleven {0%{transform:translate(0px,0px);}100%{transform:translate(5px,5px);}}
  @keyframes pixeltwelve {0%{transform:translate(0px,0px);}100%{transform:translate(20px,5px);}}
  
  @keyframes pixelthirteen {0%{transform:translate(0px,0px);}100%{transform:translate(-20px,20px);}}
  @keyframes pixelfourteen {0%{transform:translate(0px,0px);}100%{transform:translate(-5px,20px);}}
  @keyframes pixelfifteen {0%{transform:translate(0px,0px);}100%{transform:translate(5px,20px);}}
  @keyframes pixelsixteen {0%{transform:translate(0px,0px);}100%{transform:translate(20px,20px);}}