.animated {
  .dollar_buble {
    animation-name: dollar_buble_animation;
    animation-duration: calc(var(--animation-duration, 3s) - 2s);
    animation-delay: var(--dollar-buble-animation-delay, 0s);
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform-origin: 3500px 3500px;
  }
}

@keyframes dollar_buble_animation {
  0% {
    scale: 1.3 1;
  }
  25% {
    scale: 1 1.3;
  }
  50% {
    scale: 1.3 1;
  }
  75% {
    scale: 1 1.3;
  }
  98% {
    scale: 1.3 1;
  }
  99.9% {
    scale: 1.4 1.1;
    opacity: 1;
  }
  100% {
    scale: 1.4 1.1;
    opacity: 0;
  }
}
