.bubble {
  position: absolute;
  bottom: -100px;
  background: radial-gradient(circle, rgba(173, 216, 230, 0.6), rgba(0, 119, 190, 0.3)); /* Градиентный синий */
  border-radius: 50%;
  opacity: 0.9;
  animation: rise linear infinite, sway ease-in-out infinite alternate;
  box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.6), /* Блик внутри */
              0 0 10px rgba(0, 119, 190, 0.5); /* Синеватая подсветка */
}

/* Покачивание пузырьков */
@keyframes sway {
  0% { transform: translateX(0); }
  100% { transform: translateX(15px); } /* Двигаются слегка вправо */
}

@keyframes rise {
  0% { transform: translateY(0) scale(0.5); opacity: 0.6; }
  100% { transform: translateY(-110vh) scale(1.2); opacity: 0; }
}