diff --git a/Bootstrap.Client/wwwroot/css/site.css b/Bootstrap.Client/wwwroot/css/site.css
index aa59d123..54a05743 100644
--- a/Bootstrap.Client/wwwroot/css/site.css
+++ b/Bootstrap.Client/wwwroot/css/site.css
@@ -13,6 +13,10 @@
         background-position: 98% -28px;
     }
 
+        .header .cloud.move {
+            background-position: 94% -28px;
+        }
+
     .header .bird {
         background-image: url('../images/bird.png');
         background-repeat: no-repeat;
@@ -20,6 +24,10 @@
         padding: 0 15px;
     }
 
+    .header .move .bird {
+        background-position: 104% top;
+    }
+
 .sidebar-toggle-box {
     color: #eee;
 }
diff --git a/Bootstrap.Client/wwwroot/js/common-scripts.js b/Bootstrap.Client/wwwroot/js/common-scripts.js
index 6636a109..fc519ce5 100644
--- a/Bootstrap.Client/wwwroot/js/common-scripts.js
+++ b/Bootstrap.Client/wwwroot/js/common-scripts.js
@@ -16,4 +16,12 @@
         }
         $('body').toggleClass('sidebar-open');
     });
+
+    $('.cloud, .bird').css({
+        "transition": "all linear 3s"
+    });
+
+    $('.cloud').on('mouseenter mouseleave', function () {
+        $(this).toggleClass('move');
+    });
 });
\ No newline at end of file