Update style.css

Author: avnisinngh

Components/Backgrounds/Soft-Floating-Bubbles-background/style.css

@@ -4,7 +4,8 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
-    background: linear-gradient(-45deg, #fbc2eb, #a6c1ee, #fbc2eb, #a6c1ee);
+    background: linear-gradient(-45deg, rgba(251, 194, 235, 0.6), rgba(166, 193, 238, 0.6), rgba(251, 194, 235, 0.6), rgba(166, 193, 238, 0.6));
+
     background-size: 400% 400%;
     animation: gradientBG 10s ease infinite;
     overflow: hidden;
@@ -20,13 +21,13 @@ body {
     position: absolute;
     width: 20px;
     height: 20px;
-    background: rgba(255, 255, 255, 0.5);
+    background: rgb(255, 255, 255); /* Increased opacity */
     border-radius: 50%;
-    opacity: 0.6;
+    opacity: 1; /* Set full opacity */
     animation: floatUp linear infinite;
 }
 
 @keyframes floatUp {
-    0% { transform: translateY(100vh) scale(1); opacity: 0.5; }
-    100% { transform: translateY(-10vh) scale(1.3); opacity: 0; }
-}
+    0% { transform: translateY(100vh) scale(1); opacity: 1; } /* Start with full opacity */
+    100% { transform: translateY(-10vh) scale(1.3); opacity: 0.3; } /* Reduced opacity slightly */
+}