@keyframes slide {
  0% {
    transform: translateX(-25%)
  }

  100% {
    transform: translateX(25%)
  }
}

@keyframes sslide {
  0% {
    transform: translateX(-25%)
  }

  100% {
    transform: translateX(25%)
  }
}
@-webkit-keyframes bubble-movement {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
    transform: translate3d(-50%, 0, 0) rotate(0deg);
    height: 1px;
    width: 1px
  }

  100% {
    -webkit-transform: translate3d(-50%, -200px, 0) rotate(270deg);
    transform: translate3d(-50%, -200px, 0) rotate(270deg);
    height: 175px;
    width: 175px
  }
}

@keyframes bubble-movement {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
    transform: translate3d(-50%, 0, 0) rotate(0deg);
    height: 1px;
    width: 1px
  }

  100% {
    -webkit-transform: translate3d(-50%, -200px, 0) rotate(270deg);
    transform: translate3d(-50%, -200px, 0) rotate(270deg);
    height: 175px;
    width: 175px
  }
}