.bubble-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.bubble{position:absolute;bottom:-20vh;width:60px;aspect-ratio:1/1;background-image:url(/images/bubble.webp);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.8;animation:bubble-rise linear infinite;animation-fill-mode:both;cursor:pointer;pointer-events:auto}.bubble.popped{background-image:url(/images/bubblepopped.webp);animation:none}@keyframes bubble-rise{0%{transform:translateY(calc(-1 * var(--initial-offset, 0vh)))}to{transform:translateY(calc(-120vh - var(--initial-offset, 0vh)))}}