diff --git a/src/js/index.js b/src/js/index.js
index a2900ab..09ca725 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -4,7 +4,7 @@ import '../css/app.css';
     let width = window.innerWidth,
         height = window.innerHeight;
     const num_clouds = 100;
-    let size_factor = Math.random() * 1000 + 2000,
+    let size_factor = Math.random() * 1000 + 4500,
         max_cloud_size = (width * height) / size_factor,
         max_speed_x = 50,
         max_speed_y = 30,
@@ -60,38 +60,40 @@ import '../css/app.css';
     }
 
     let step = function () {
-        let cloud_index = Math.floor(Math.random() * num_clouds);
+        for (let i = 0; i < 10; i++) {
+            let cloud_index = Math.floor(Math.random() * num_clouds);
 
-        let cloud = get_cloud(cloud_index);
-        let x = parseInt(cloud.style.left), y = parseInt(cloud.style.top);
+            let cloud = get_cloud(cloud_index);
+            let x = parseInt(cloud.style.left), y = parseInt(cloud.style.top);
 
-        x -= (Math.random() * max_speed_x - max_speed_x);
-        y -= (Math.random() * max_speed_y - max_speed_y);
-        if (x > width && y > height) {
-            cloud_counter += 1;
-            if (cloud_counter > (num_clouds / num_clusters)) {
-                cluster_size = Math.random() * max_cloud_size;
-                cluster_x = width + cluster_size + Math.random() * width;
-                cluster_y = height + cluster_size + Math.random() * height;
-                cloud_counter = 0;
+            x += (Math.random()-Math.random()) * max_speed_x;
+            y += (Math.random()-Math.random()) * max_speed_y;
+            if ((x > width && y > height) || (x < -max_cloud_size && y< -max_cloud_size)) {
+                cloud_counter += 1;
+                if (cloud_counter > (num_clouds / num_clusters)) {
+                    cluster_size = Math.random() * max_cloud_size;
+                    cluster_x = width + cluster_size + Math.random() * width;
+                    cluster_y = height + cluster_size + Math.random() * height;
+                    cloud_counter = 0;
+                }
+
+                cloud.style.transition = "none";
+
+                cloud.style.top = `${(cluster_x + Math.random() * cluster_size)}px`;
+                cloud.style.left = `${(cluster_y + Math.random() * cluster_size)}px`;
+
+                let size = parseInt(cloud.getAttribute("size")) + Math.random();
+                cloud.style.width = `${size}px`;
+                cloud.style.height = `${size}px`;
+                cloud.setAttribute("size", `${size}`);
+                let green_shift = Math.random() * 250;
+                cloud.style.background = `radial-gradient(circle ${size / 2}px, rgba(255, ${255 - green_shift}, 0, ${Math.random()}), rgba(0, 0, 0, 0.0)) no-repeat`;
+            } else {
+                cloud.style.transition = "left 10s, top 10s";
+                cloud.style.left = `${x}px`;
+                cloud.style.top = `${y}px`;
             }
-
-            cloud.style.transition = "none";
-
-            cloud.style.top = `${(cluster_x + Math.random() * cluster_size)}px`;
-            cloud.style.left = `${(cluster_y + Math.random() * cluster_size)}px`;
-
-            let size = parseInt(cloud.getAttribute("size")) + Math.random();
-            cloud.style.width = `${size}px`;
-            cloud.style.height = `${size}px`;
-            cloud.setAttribute("size", `${size}`);
-            cloud.style.background = `radial-gradient(circle ${size / 2}px, rgba(255, 255, 255, ${Math.random() / 5} ), rgba(20, 56, 200, 0.0)) no-repeat`;
-        } else {
-            cloud.style.transition = "left 5s, top 5s";
-            cloud.style.left = `${x}px`;
-            cloud.style.top = `${y}px`;
         }
-
         requestAnimationFrame(step);
     };