diff --git a/assets/css/style.css b/assets/css/style.css
index e46984c..dd7d4d6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,6 +1 @@
 * { margin: 0; padding: 0; }
-
-body {
-  background: url(../img/africa.png) no-repeat center center fixed;
-  background-size: cover;
-}
diff --git a/index.html b/index.html
index 572230b..9385e04 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,8 @@
     <link rel="stylesheet" href="assets/css/style.css" type="text/css" />
     <script src="assets/js/SeamlessLoop.js"></script>
   </head>
-  <body>
-
+  <body onloadi> https://github.com/maroslaw/rainyday.js/blob/master/demo2.html
+    <img id="background" src="" />
     <script>
       var loop = new SeamlessLoop();
 
@@ -20,6 +20,19 @@
         loop.start('africa');
       });
     </script>
+
+    <script>
+      function run() {
+        var image = document.getElementById('background');
+        image.onload = function() {
+          var engine = new RainyDay({
+            image: this
+          });
+          engine.rain([ [3, 2, 2] ], 100);
+        };
+        image.src = 'assets/img/africa.png';
+      }
+    </script>
   </body>
 </html>
 
