@keyframes play90 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -97200px 0px;
  }
}
.shapeshifter {
  animation-duration: 1500ms;
  animation-timing-function: steps(90);
  width: 1080px;
  height: 700px;
  background-repeat: no-repeat;
  Position:absolute;
  transform: translate(-3%,-43%);
}
.shapeshifter.play {
  animation-name: play90;
  Animation-iteration-count: infinite;
}