.rabbit {
  background: url(../images/rabbit.gif) 0 0 no-repeat;
  height: 150px;
  width: 200px;
  position: absolute;
  bottom:20px;
  left: 90%;

 }

 .bunny {
  background: url(../images/bunny.gif) 0 0 no-repeat;
  height: 150px;
  width: 200px;
  position: absolute;
  bottom:10px;
  left: 3%;

 }
.foreground, .midground, .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px; left: 0;
  translate3d(0,0,0);
}

.foreground {
  animation: parallax_fg linear 22s infinite both;
  background:  url(../images/footer.png) 0 100% repeat-x;
  z-index: 3; /* border:1px solid #888; */
}

@keyframes parallax_fg {
  0% { background-position: -3584px 100%;}
  100% {background-position: 0 100%; }
}

.midground {
  animation: parallax_mg linear 30s infinite;
  background:  url(../images/footer.png) 0 100% repeat-x;
  z-index: 2;
}

@keyframes parallax_mg {
  0% { background-position: -3000px 100%;}
  100% {background-position: 0 100%; }
}