.zoom {
  animation-name: zoomInOut;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.zoom1 {
  animation-name: zoomInOut;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.zoom2 {
  animation-name: zoomInOut;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.zoom3 {
  animation-name: zoomInOut;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.zoom4 {
  animation-name: zoomInOut;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.zoom5 {
  animation-name: zoomInOut;
  animation-duration: 7s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-10px) rotate(-5deg);
  }

  40% {
    transform: translateX(10px) rotate(5deg);
  }

  60% {
    transform: translateX(-10px) rotate(-5deg);
  }

  80% {
    transform: translateX(10px) rotate(5deg);
  }

  100% {
    transform: translateX(0);
  }
}

.shake-element {
  -webkit-animation: shake .2s;
  animation: shake .2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}