@keyframes marche-garfield {
  0% {transform: translate(0, 0) rotateY(0);}
  49% {transform: translate(-45vw, 0) rotateY(0);}
  50% {transform: translate(-45vw, 0) rotateY(180deg);}
  99% {transform: translate(0, 0) rotateY(180deg);}
  100% {transform: translate(0, 0) rotateY(360deg);}
}
@keyframes marche-squelette-discret {
  0% {transform: translate(0, 0) rotateY(180deg);}
  49% {transform: translate(45vw, 0) rotateY(180deg);}
  50% {transform: translate(45vw, 0) rotateY(0);}
  99% {transform: translate(0, 0) rotateY(0);}
  100% {transform: translate(0, 0) rotateY(-180deg);}
}
@keyframes spiderman-grimpeur {
  0% {transform: translateY(100%);}
  100% {transform: translateY(-100vh);}
}
@keyframes spiderman-descendeur {
  0% {transform: translateY(-100%) rotateX(180deg) rotateY(180deg);}
  100% {transform: translateY(100vh) rotateX(180deg) rotateY(180deg);}
}
@keyframes rire-demon {
  0%, 100% {transform: translateX(0);}
  25% {transform: translateX(-10vw);}
  75% {transform: translateX(10vw);}
}
.marche-garfield {animation: marche-garfield 10s linear infinite normal both;}
.marche-squelette-discret {animation: marche-squelette-discret 10s linear infinite normal both;}
.spiderman-grimpeur {animation: spiderman-grimpeur 8s linear infinite normal both;}
.spiderman-descendeur {animation: spiderman-descendeur 8s linear infinite normal both;}
.rire-demon {animation: rire-demon 3s linear infinite normal both;}