/** Shopify CDN: Minification failed

Line 10:10 Expected ":"
Line 10:20 Expected ":"
Line 13:10 Expected ":"
Line 13:20 Expected ":"

**/
.image-with-text-section{
  position; relative;
}
.snow-particals{
  position; relative;
  /* overflow: hidden; */
}
.snow-box{
   height: 100%;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  /* overflow: hidden; */
  filter: drop-shadow(0 0 10px white);
}
.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.5459;
  transform: translate(73.8315vw, 100vh) scale(0.7032);
  animation: fall-1 17s -27s linear infinite;
}
@keyframes fall-1 {
  41.897% {
    transform: translate(81.7245vw, 58.103vh) scale(0.7032);
  }
  to {
    transform: translate(77.778vw, -10px) scale(0.7032);
  }
}

.snow:nth-child(2) {
  opacity: 0.5913;
  transform: translate(95.3707vw, 100vh) scale(0.1001);
  animation: fall-2 17s -20s linear infinite;
}
@keyframes fall-2 {
  65.503% {
    transform: translate(92.89vw, 34.497vh) scale(0.1001);
  }
  to {
    transform: translate(94.13035vw, -10px) scale(0.1001);
  }
}

.snow:nth-child(3) {
  opacity: 0.5473;
  transform: translate(7.7341vw, 100vh) scale(0.0866);
  animation: fall-3 19s -8s linear infinite;
}
@keyframes fall-3 {
  46.524% {
    transform: translate(0.874vw, 53.476vh) scale(0.0866);
  }
  to {
    transform: translate(4.30405vw, -10px) scale(0.0866);
  }
}

.snow:nth-child(4) {
  opacity: 0.7351;
  transform: translate(48.7843vw, 100vh) scale(0.8696);
  animation: fall-4 10s -29s linear infinite;
}
@keyframes fall-4 {
  66.72% {
    transform: translate(50.0343vw, 33.28vh) scale(0.8696);
  }
  to {
    transform: translate(49.4093vw, -10px) scale(0.8696);
  }
}

.snow:nth-child(5) {
  opacity: 0.8991;
  transform: translate(53.8046vw, 100vh) scale(0.2417);
  animation: fall-5 11s -26s linear infinite;
}
@keyframes fall-5 {
  74.227% {
    transform: translate(52.5921vw, 25.773vh) scale(0.2417);
  }
  to {
    transform: translate(53.19835vw, -10px) scale(0.2417);
  }
}

.snow:nth-child(6) {
  opacity: 0.1206;
  transform: translate(4.7439vw, 100vh) scale(0.0999);
  animation: fall-6 19s -20s linear infinite;
}
@keyframes fall-6 {
  36.771% {
    transform: translate(-3.9289vw, 63.229vh) scale(0.0999);
  }
  to {
    transform: translate(0.4075vw, -10px) scale(0.0999);
  }
}

.snow:nth-child(7) {
  opacity: 0.7414;
  transform: translate(26.7997vw, 100vh) scale(0.6513);
  animation: fall-7 16s -8s linear infinite;
}
@keyframes fall-7 {
  31.898% {
    transform: translate(25.5069vw, 68.102vh) scale(0.6513);
  }
  to {
    transform: translate(26.1533vw, -10px) scale(0.6513);
  }
}

.snow:nth-child(8) {
  opacity: 0.399;
  transform: translate(56.7618vw, 100vh) scale(0.7686);
  animation: fall-8 26s -12s linear infinite;
}
@keyframes fall-8 {
  71.638% {
    transform: translate(63.6454vw, 28.362vh) scale(0.7686);
  }
  to {
    transform: translate(60.2036vw, -10px) scale(0.7686);
  }
}

.snow:nth-child(9) {
  opacity: 0.9434;
  transform: translate(45.0006vw, 100vh) scale(0.199);
  animation: fall-9 27s -9s linear infinite;
}
@keyframes fall-9 {
  75.237% {
    transform: translate(46.7175vw, 24.763vh) scale(0.199);
  }
  to {
    transform: translate(45.85905vw, -10px) scale(0.199);
  }
}

.snow:nth-child(10) {
  opacity: 0.885;
  transform: translate(81.0803vw, 100vh) scale(0.95);
  animation: fall-10 21s -27s linear infinite;
}
@keyframes fall-10 {
  53.336% {
    transform: translate(87.2222vw, 46.664vh) scale(0.95);
  }
  to {
    transform: translate(84.15125vw, -10px) scale(0.95);
  }
}
.snow:nth-child(11) {
  opacity: 0.5791;
  transform: translate(85.6942vw, 100vh) scale(0.9968);
  animation: fall-11 29s -28s linear infinite;
}
@keyframes fall-11 {
  44.485% {
    transform: translate(90.4805vw, 55.515vh) scale(0.9968);
  }
  to {
    transform: translate(88.08735vw, -10px) scale(0.9968);
  }
}

.snow:nth-child(12) {
  opacity: 0.7472;
  transform: translate(72.965vw, 100vh) scale(0.2302);
  animation: fall-12 29s -1s linear infinite;
}
@keyframes fall-12 {
  39.787% {
    transform: translate(69.7165vw, 60.213vh) scale(0.2302);
  }
  to {
    transform: translate(71.34075vw, -10px) scale(0.2302);
  }
}

.snow:nth-child(13) {
  opacity: 0.2516;
  transform: translate(9.2193vw, 100vh) scale(0.368);
  animation: fall-13 14s -16s linear infinite;
}
@keyframes fall-13 {
  72.402% {
    transform: translate(11.0316vw, 27.598vh) scale(0.368);
  }
  to {
    transform: translate(10.12545vw, -10px) scale(0.368);
  }
}

.snow:nth-child(14) {
  opacity: 0.0423;
  transform: translate(33.9321vw, 100vh) scale(0.8026);
  animation: fall-14 16s -14s linear infinite;
}
@keyframes fall-14 {
  79.258% {
    transform: translate(32.3045vw, 20.742vh) scale(0.8026);
  }
  to {
    transform: translate(33.1183vw, -10px) scale(0.8026);
  }
}

.snow:nth-child(15) {
  opacity: 0.1937;
  transform: translate(89.902vw, 100vh) scale(0.7872);
  animation: fall-15 28s -26s linear infinite;
}
@keyframes fall-15 {
  55.69% {
    transform: translate(98.2763vw, 44.31vh) scale(0.7872);
  }
  to {
    transform: translate(94.08915vw, -10px) scale(0.7872);
  }
}

.snow:nth-child(16) {
  opacity: 0.6883;
  transform: translate(44.2504vw, 100vh) scale(0.6999);
  animation: fall-16 29s -23s linear infinite;
}
@keyframes fall-16 {
  33.475% {
    transform: translate(40.437vw, 66.525vh) scale(0.6999);
  }
  to {
    transform: translate(42.3437vw, -10px) scale(0.6999);
  }
}

.snow:nth-child(17) {
  opacity: 0.004;
  transform: translate(18.1544vw, 100vh) scale(0.2211);
  animation: fall-17 23s -5s linear infinite;
}
@keyframes fall-17 {
  69.802% {
    transform: translate(10.0121vw, 30.198vh) scale(0.2211);
  }
  to {
    transform: translate(14.08325vw, -10px) scale(0.2211);
  }
}

.snow:nth-child(18) {
  opacity: 0.4477;
  transform: translate(1.3105vw, 100vh) scale(0.7384);
  animation: fall-18 21s -2s linear infinite;
}
@keyframes fall-18 {
  58.971% {
    transform: translate(10.8263vw, 41.029vh) scale(0.7384);
  }
  to {
    transform: translate(6.0684vw, -10px) scale(0.7384);
  }
}

.snow:nth-child(19) {
  opacity: 0.9095;
  transform: translate(58.9696vw, 100vh) scale(0.0832);
  animation: fall-19 20s -29s linear infinite;
}
@keyframes fall-19 {
  69.342% {
    transform: translate(61.5166vw, 30.658vh) scale(0.0832);
  }
  to {
    transform: translate(60.2431vw, -10px) scale(0.0832);
  }
}

.snow:nth-child(20) {
  opacity: 0.0291;
  transform: translate(21.787vw, 100vh) scale(0.9127);
  animation: fall-20 29s -13s linear infinite;
}
@keyframes fall-20 {
  77.165% {
    transform: translate(23.2396vw, 22.835vh) scale(0.9127);
  }
  to {
    transform: translate(22.5133vw, -10px) scale(0.9127);
  }
}

.snow:nth-child(21) {
  opacity: 0.7903;
  transform: translate(46.9093vw, 100vh) scale(0.9969);
  animation: fall-21 23s -3s linear infinite;
}
@keyframes fall-21 {
  35.656% {
    transform: translate(50.7979vw, 64.344vh) scale(0.9969);
  }
  to {
    transform: translate(48.8536vw, -10px) scale(0.9969);
  }
}

.snow:nth-child(22) {
  opacity: 0.1148;
  transform: translate(32.563vw, 100vh) scale(0.7548);
  animation: fall-22 19s -14s linear infinite;
}
@keyframes fall-22 {
  66.845% {
    transform: translate(40.6002vw, 33.155vh) scale(0.7548);
  }
  to {
    transform: translate(36.5816vw, -10px) scale(0.7548);
  }
}

.snow:nth-child(23) {
  opacity: 0.3173;
  transform: translate(37.3819vw, 100vh) scale(0.0731);
  animation: fall-23 13s -4s linear infinite;
}
@keyframes fall-23 {
  56.055% {
    transform: translate(33.8203vw, 43.945vh) scale(0.0731);
  }
  to {
    transform: translate(35.6011vw, -10px) scale(0.0731);
  }
}

.snow:nth-child(24) {
  opacity: 0.9013;
  transform: translate(19.7366vw, 100vh) scale(0.9839);
  animation: fall-24 11s -29s linear infinite;
}
@keyframes fall-24 {
  52.463% {
    transform: translate(19.977vw, 47.537vh) scale(0.9839);
  }
  to {
    transform: translate(19.8568vw, -10px) scale(0.9839);
  }
}

.snow:nth-child(25) {
  opacity: 0.8981;
  transform: translate(22.8438vw, 100vh) scale(0.9314);
  animation: fall-25 30s -2s linear infinite;
}
@keyframes fall-25 {
  39.516% {
    transform: translate(30.8282vw, 60.484vh) scale(0.9314);
  }
  to {
    transform: translate(26.836vw, -10px) scale(0.9314);
  }
}

.snow:nth-child(26) {
  opacity: 0.4725;
  transform: translate(91.9012vw, 100vh) scale(0.035);
  animation: fall-26 14s -3s linear infinite;
}
@keyframes fall-26 {
  61.635% {
    transform: translate(98.8909vw, 38.365vh) scale(0.035);
  }
  to {
    transform: translate(95.39605vw, -10px) scale(0.035);
  }
}

.snow:nth-child(27) {
  opacity: 0.7394;
  transform: translate(30.9013vw, 100vh) scale(0.8379);
  animation: fall-27 20s -28s linear infinite;
}
@keyframes fall-27 {
  34.78% {
    transform: translate(24.1039vw, 65.22vh) scale(0.8379);
  }
  to {
    transform: translate(27.5026vw, -10px) scale(0.8379);
  }
}

.snow:nth-child(28) {
  opacity: 0.5909;
  transform: translate(36.8844vw, 100vh) scale(0.5151);
  animation: fall-28 12s -15s linear infinite;
}
@keyframes fall-28 {
  79.137% {
    transform: translate(41.5553vw, 20.863vh) scale(0.5151);
  }
  to {
    transform: translate(39.21985vw, -10px) scale(0.5151);
  }
}

.snow:nth-child(29) {
  opacity: 0.5077;
  transform: translate(59.1744vw, 100vh) scale(0.3111);
  animation: fall-29 28s -21s linear infinite;
}
@keyframes fall-29 {
  59.488% {
    transform: translate(64.6058vw, 40.512vh) scale(0.3111);
  }
  to {
    transform: translate(61.8901vw, -10px) scale(0.3111);
  }
}

.snow:nth-child(30) {
  opacity: 0.3823;
  transform: translate(90.5517vw, 100vh) scale(0.6877);
  animation: fall-30 13s -20s linear infinite;
}
@keyframes fall-30 {
  50.171% {
    transform: translate(96.1509vw, 49.829vh) scale(0.6877);
  }
  to {
    transform: translate(93.3513vw, -10px) scale(0.6877);
  }
}

.snow:nth-child(31) {
  opacity: 0.583;
  transform: translate(50.0954vw, 100vh) scale(0.5352);
  animation: fall-31 12s -19s linear infinite;
}
@keyframes fall-31 {
  70.834% {
    transform: translate(57.6341vw, 29.166vh) scale(0.5352);
  }
  to {
    transform: translate(53.86475vw, -10px) scale(0.5352);
  }
}

.snow:nth-child(32) {
  opacity: 0.8572;
  transform: translate(2.2501vw, 100vh) scale(0.8668);
  animation: fall-32 25s -13s linear infinite;
}
@keyframes fall-32 {
  77.178% {
    transform: translate(5.6828vw, 22.822vh) scale(0.8668);
  }
  to {
    transform: translate(3.96645vw, -10px) scale(0.8668);
  }
}

.snow:nth-child(33) {
  opacity: 0.6959;
  transform: translate(49.681vw, 100vh) scale(0.854);
  animation: fall-33 27s -19s linear infinite;
}
@keyframes fall-33 {
  38.381% {
    transform: translate(55.9866vw, 61.619vh) scale(0.854);
  }
  to {
    transform: translate(52.8338vw, -10px) scale(0.854);
  }
}

.snow:nth-child(34) {
  opacity: 0.6148;
  transform: translate(8.0267vw, 100vh) scale(0.8125);
  animation: fall-34 19s -24s linear infinite;
}
@keyframes fall-34 {
  36.448% {
    transform: translate(6.8006vw, 63.552vh) scale(0.8125);
  }
  to {
    transform: translate(7.41365vw, -10px) scale(0.8125);
  }
}

.snow:nth-child(35) {
  opacity: 0.2848;
  transform: translate(8.9376vw, 100vh) scale(0.5529);
  animation: fall-35 29s -8s linear infinite;
}
@keyframes fall-35 {
  59.287% {
    transform: translate(7.4495vw, 40.713vh) scale(0.5529);
  }
  to {
    transform: translate(8.19355vw, -10px) scale(0.5529);
  }
}

.snow:nth-child(36) {
  opacity: 0.5793;
  transform: translate(84.8277vw, 100vh) scale(0.4176);
  animation: fall-36 12s -8s linear infinite;
}
@keyframes fall-36 {
  50.483% {
    transform: translate(75.193vw, 49.517vh) scale(0.4176);
  }
  to {
    transform: translate(80.01035vw, -10px) scale(0.4176);
  }
}

.snow:nth-child(37) {
  opacity: 0.5006;
  transform: translate(37.8406vw, 100vh) scale(0.1679);
  animation: fall-37 18s -6s linear infinite;
}
@keyframes fall-37 {
  66.452% {
    transform: translate(42.4009vw, 33.548vh) scale(0.1679);
  }
  to {
    transform: translate(40.12075vw, -10px) scale(0.1679);
  }
}

.snow:nth-child(38) {
  opacity: 0.4037;
  transform: translate(71.8225vw, 100vh) scale(0.5306);
  animation: fall-38 18s -21s linear infinite;
}
@keyframes fall-38 {
  72.478% {
    transform: translate(68.6655vw, 27.522vh) scale(0.5306);
  }
  to {
    transform: translate(70.244vw, -10px) scale(0.5306);
  }
}

.snow:nth-child(39) {
  opacity: 0.859;
  transform: translate(75.778vw, 100vh) scale(0.0597);
  animation: fall-39 11s -4s linear infinite;
}
@keyframes fall-39 {
  51.235% {
    transform: translate(70.5415vw, 48.765vh) scale(0.0597);
  }
  to {
    transform: translate(73.15975vw, -10px) scale(0.0597);
  }
}

.snow:nth-child(40) {
  opacity: 0.3934;
  transform: translate(42.5218vw, 100vh) scale(0.7077);
  animation: fall-40 18s -7s linear infinite;
}
@keyframes fall-40 {
  44.88% {
    transform: translate(43.6315vw, 55.12vh) scale(0.7077);
  }
  to {
    transform: translate(43.07665vw, -10px) scale(0.7077);
  }
}
.snow:nth-child(41) {
  opacity: 0.1827;
  transform: translate(80.5037vw, 100vh) scale(0.5496);
  animation: rise-41 12s -17s linear infinite;
}
@keyframes rise-41 {
  54.222% {
    transform: translate(83.5116vw, 54.222vh) scale(0.5496);
  }
  to {
    transform: translate(77.4958vw, -10px) scale(0.5496);
  }
}

.snow:nth-child(42) {
  opacity: 0.3842;
  transform: translate(56.2045vw, 100vh) scale(0.0855);
  animation: rise-42 22s -4s linear infinite;
}
@keyframes rise-42 {
  61.236% {
    transform: translate(54.9596vw, 61.236vh) scale(0.0855);
  }
  to {
    transform: translate(57.4494vw, -10px) scale(0.0855);
  }
}

.snow:nth-child(43) {
  opacity: 0.0194;
  transform: translate(18.7469vw, 100vh) scale(0.4388);
  animation: rise-43 13s -5s linear infinite;
}
@keyframes rise-43 {
  27.88% {
    transform: translate(17.7312vw, 27.88vh) scale(0.4388);
  }
  to {
    transform: translate(19.7626vw, -10px) scale(0.4388);
  }
}

.snow:nth-child(44) {
  opacity: 0.7465;
  transform: translate(66.4752vw, 100vh) scale(0.0195);
  animation: rise-44 21s -26s linear infinite;
}
@keyframes rise-44 {
  30.856% {
    transform: translate(71.237vw, 30.856vh) scale(0.0195);
  }
  to {
    transform: translate(61.7134vw, -10px) scale(0.0195);
  }
}

.snow:nth-child(45) {
  opacity: 0.5586;
  transform: translate(85.5761vw, 100vh) scale(0.5576);
  animation: rise-45 20s -11s linear infinite;
}
@keyframes rise-45 {
  67.922% {
    transform: translate(85.573vw, 67.922vh) scale(0.5576);
  }
  to {
    transform: translate(85.5792vw, -10px) scale(0.5576);
  }
}

.snow:nth-child(46) {
  opacity: 0.53;
  transform: translate(76.02385vw, 100vh) scale(0.0259);
  animation: rise-46 26s -27s linear infinite;
}
@keyframes rise-46 {
  37.961% {
    transform: translate(78.5629vw, 37.961vh) scale(0.0259);
  }
  to {
    transform: translate(73.4848vw, -10px) scale(0.0259);
  }
}

.snow:nth-child(47) {
  opacity: 0.2487;
  transform: translate(26.29205vw, 100vh) scale(0.2663);
  animation: rise-47 21s -22s linear infinite;
}
@keyframes rise-47 {
  23.275% {
    transform: translate(27.5473vw, 23.275vh) scale(0.2663);
  }
  to {
    transform: translate(25.0368vw, -10px) scale(0.2663);
  }
}

.snow:nth-child(48) {
  opacity: 0.0005;
  transform: translate(78.7608vw, 100vh) scale(0.7978);
  animation: rise-48 25s -29s linear infinite;
}
@keyframes rise-48 {
  44.455% {
    transform: translate(83.648vw, 44.455vh) scale(0.7978);
  }
  to {
    transform: translate(73.8736vw, -10px) scale(0.7978);
  }
}

.snow:nth-child(49) {
  opacity: 0.0898;
  transform: translate(25.3902vw, 100vh) scale(0.9699);
  animation: rise-49 16s -12s linear infinite;
}
@keyframes rise-49 {
  26.951% {
    transform: translate(22.4477vw, 26.951vh) scale(0.9699);
  }
  to {
    transform: translate(28.3327vw, -10px) scale(0.9699);
  }
}

.snow:nth-child(50) {
  opacity: 0.2033;
  transform: translate(8.59225vw, 100vh) scale(0.0246);
  animation: rise-50 28s -11s linear infinite;
}
@keyframes rise-50 {
  69.342% {
    transform: translate(6.4225vw, 69.342vh) scale(0.0246);
  }
  to {
    transform: translate(10.762vw, -10px) scale(0.0246);
  }
}
.snow:nth-child(51) {
  opacity: 0.934;
  transform: translate(64.9691vw, 100vh) scale(0.0981);
  animation: fall-51 16s -2s linear infinite;
}
@keyframes fall-51 {
  34.493% {
    transform: translate(74.1214vw, 65.507vh) scale(0.0981);
  }
  to {
    transform: translate(69.54525vw, -10px) scale(0.0981);
  }
}

.snow:nth-child(52) {
  opacity: 0.0126;
  transform: translate(62.573vw, 100vh) scale(0.8756);
  animation: fall-52 17s -1s linear infinite;
}
@keyframes fall-52 {
  37.889% {
    transform: translate(55.1904vw, 62.111vh) scale(0.8756);
  }
  to {
    transform: translate(58.8817vw, -10px) scale(0.8756);
  }
}

.snow:nth-child(53) {
  opacity: 0.1138;
  transform: translate(75.176vw, 100vh) scale(0.1911);
  animation: fall-53 10s -13s linear infinite;
}
@keyframes fall-53 {
  52.816% {
    transform: translate(85.1506vw, 47.184vh) scale(0.1911);
  }
  to {
    transform: translate(80.1633vw, -10px) scale(0.1911);
  }
}

.snow:nth-child(54) {
  opacity: 0.3757;
  transform: translate(47.598vw, 100vh) scale(0.0576);
  animation: fall-54 29s -11s linear infinite;
}
@keyframes fall-54 {
  31.306% {
    transform: translate(51.2484vw, 68.694vh) scale(0.0576);
  }
  to {
    transform: translate(49.4232vw, -10px) scale(0.0576);
  }
}

.snow:nth-child(55) {
  opacity: 0.381;
  transform: translate(41.8726vw, 100vh) scale(0.7772);
  animation: fall-55 26s -7s linear infinite;
}
@keyframes fall-55 {
  77.181% {
    transform: translate(37.9583vw, 22.819vh) scale(0.7772);
  }
  to {
    transform: translate(39.91545vw, -10px) scale(0.7772);
  }
}

.snow:nth-child(56) {
  opacity: 0.2055;
  transform: translate(90.0672vw, 100vh) scale(0.2533);
  animation: fall-56 30s -1s linear infinite;
}
@keyframes fall-56 {
  76.404% {
    transform: translate(97.1769vw, 23.596vh) scale(0.2533);
  }
  to {
    transform: translate(93.62205vw, -10px) scale(0.2533);
  }
}

.snow:nth-child(57) {
  opacity: 0.3319;
  transform: translate(5.2399vw, 100vh) scale(0.0929);
  animation: fall-57 27s -13s linear infinite;
}
@keyframes fall-57 {
  45.332% {
    transform: translate(5.0207vw, 54.668vh) scale(0.0929);
  }
  to {
    transform: translate(5.1303vw, -10px) scale(0.0929);
  }
}

.snow:nth-child(58) {
  opacity: 0.1588;
  transform: translate(42.6563vw, 100vh) scale(0.0272);
  animation: fall-58 30s -5s linear infinite;
}
@keyframes fall-58 {
  77.314% {
    transform: translate(37.3681vw, 22.686vh) scale(0.0272);
  }
  to {
    transform: translate(40.0122vw, -10px) scale(0.0272);
  }
}

.snow:nth-child(59) {
  opacity: 0.3677;
  transform: translate(52.693vw, 100vh) scale(0.8493);
  animation: fall-59 17s -29s linear infinite;
}
@keyframes fall-59 {
  64.871% {
    transform: translate(51.9857vw, 35.129vh) scale(0.8493);
  }
  to {
    transform: translate(52.33935vw, -10px) scale(0.8493);
  }
}

.snow:nth-child(60) {
  opacity: 0.8189;
  transform: translate(48.3364vw, 100vh) scale(0.1267);
  animation: fall-60 25s -21s linear infinite;
}
@keyframes fall-60 {
  71.092% {
    transform: translate(43.4953vw, 28.908vh) scale(0.1267);
  }
  to {
    transform: translate(45.91585vw, -10px) scale(0.1267);
  }
}




/* #image-with-text-section{
  position: relative;
}
#image-with-text-section::after {
    content: '';
    pointer-events: none;
    opacity: .9;
    background: 
    radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), 
    radial-gradient(circle at 28% 40%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), 
    radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 5px, #fff 2px, transparent 4px), 
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), 
    radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), 
    radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), 
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 25% 30%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),

    radial-gradient(circle at 80% 30%, transparent 0, transparent 3px, #fff 4px, #fff 5px, transparent 5px),
    radial-gradient(circle at 85% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),
    radial-gradient(circle at 90% 35%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 95% 45%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),
    radial-gradient(circle at 88% 50%, transparent 0, transparent 3px, #fff 4px, #fff 5px, transparent 5px),

    radial-gradient(circle at 5% 38%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),
    radial-gradient(circle at 10% 42%, transparent 0, transparent 3px, #fff 4px, #fff 5px, transparent 5px),
    radial-gradient(circle at 8% 48%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px),
    radial-gradient(circle at 12% 50%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px),
    radial-gradient(circle at 3% 34%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 8s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-66.666%);
  }
} */