.pet {
  width: 10vw;
  height: auto;
  transform: scaleX(-1);
}

/* bounce animation */
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(15px);
  }
  70% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/* animation on hover (loop indefinitely) */
.pet:hover {
  animation: bounce 1s;
  animation-iteration-count: infinite;
  animation-direction: forward;
}
