@keyframes bubbleRise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(-50vh) translateX(var(--drift));opacity:1}to{transform:translateY(-100vh) translateX(calc(var(--drift) * -1));opacity:0}}.animate-bubble{animation-name:bubbleRise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards}.bubble-drift-left{--drift:-20px}.bubble-drift-right{--drift:20px}