.teddy {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 256px;
  height: 256px;
  margin-left: -128px;
  margin-top: -128px;
  overflow: hidden;
}

.teddybackground {
  background:  url('../images/Teddybackgound.png');
}


.teddyani1 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani1.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani2 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani2.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani3 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani3.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani4 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani4.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

@-webkit-keyframes teddyspriteani {
    100% { background-position: 0 -1024px; }
}