.buble-wrapper{filter:blur(50px);width:500px;height:500px;position:absolute;top:0;left:0}@media (max-width:575px){.buble-wrapper{width:400px;height:400px;left:-60px!important}}.svg-layer{position:absolute}.ball{width:200px;height:200px;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px)}.ball:before{background:var(--bubble-bg);content:"";border-radius:100%;width:100%;height:100%;position:absolute;top:0;left:0}.ball:first-child{animation:15s ease-in-out infinite alternate x-axis-lateral;transform:translate(-220px)}.ball:first-child:before{animation:10s ease-in-out .1s infinite alternate y-axis-lateral}.ball:nth-child(2){animation:15s ease-in-out infinite alternate x-axis}.ball:nth-child(2):before{animation:10s ease-in-out .5s infinite alternate y-axis}.ball:nth-child(3){animation:15s infinite alternate x-axis-lateral;transform:translate(220px,260px)}.ball:nth-child(3):before{animation:10s ease-in-out .4s infinite alternate y-axis-lateral}@keyframes x-axis{0%{background:var(--bubble-bg);transform:translate(-320px)}to{background:var(--bubble-bg);transform:translate(320px)}}@keyframes y-axis{0%{background:var(--bubble-bg);transform:translateY(140px)}to{background:var(--bubble-bg);transform:translateY(-220px)scale(.8)}}@keyframes x-axis-lateral{0%{background:var(--bubble-bg);transform:translate(-120px)}to{background:var(--bubble-bg);transform:translate(120px)}}@keyframes y-axis-lateral{0%{background:var(--bubble-bg);transform:translateY(40px)}to{background:var(--bubble-bg);transform:translateY(-200px)}}