.bubble {
  width: 100px;
  height: 100px;
  background: url('../../assets/balloons/bubble.png') no-repeat center center;
  background-size: contain;
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}
.cursor-circle {
  position: fixed;
  width: 30px;
  height: 30px;
  background-color: red;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
}


.shake {
  animation: shake 0.4s;
}

@keyframes shake {
  0% { transform: translate(0); }
  25% { transform: translate(-5px); }
  50% { transform: translate(5px); }
  75% { transform: translate(-5px); }
  100% { transform: translate(0); }
}