:root {
  --pixel-size: 1;
}

body {
  background: teal;
}

.pixelart {
  image-rendering: pixelated;
}



.Doug{
  width: calc(242px * var(--pixel-size));
  height: calc(242px * var(--pixel-size));
  overflow: hidden;
}

.Doug_static {
  width: calc(242px * var(--pixel-size));
  position: absolute;
  pointer-events: none;
}

.Doug_spritesheet {
  animation: moveSpritesheet 1s steps(7) infinite;
  width: calc(1694px * var(--pixel-size));
  pointer-events: none;
}

@keyframes moveSpritesheet {
  from {
    transform: translate3d(0px,0,0)
  }
  to {
    transform: translate3d(-100%,0,0)
  }
}