diff --git a/hackathon-timer.html b/hackathon-timer.html
index cdfd5b6..fed01c7 100644
--- a/hackathon-timer.html
+++ b/hackathon-timer.html
@@ -41,6 +41,8 @@ <h1>hackathon ends in</h1>
 		<img src="https://31.media.tumblr.com/5a6c106c2846f0e5cc565b320b58e04b/tumblr_inline_mlgyw229Xl1qz4rgp.gif" alt="dancing">
 	    </div>
 
+	    <img class="dandy-lion" src="static/dandylion.png" alt="dandy lion">
+
             <script>
                 setTimeout(function() {
                     location.reload();
diff --git a/static/dandylion.png b/static/dandylion.png
new file mode 100644
index 0000000..aea687d
Binary files /dev/null and b/static/dandylion.png differ
diff --git a/static/hackathon-timer.scss b/static/hackathon-timer.scss
index 856a158..7eb7828 100644
--- a/static/hackathon-timer.scss
+++ b/static/hackathon-timer.scss
@@ -74,3 +74,36 @@ body {
         }
     }
 }
+
+.dandy-lion {
+    position: absolute;
+    height: 80px;
+    bottom: 0;
+    left: 120px;
+    animation: bounce 3s, move 6s; // separated by a comma
+    animation-iteration-count: infinite;
+}
+
+@keyframes bounce{
+    0% {
+        left:120px;
+    }
+    50% {
+        left:80%;
+    }
+    100% {
+        left:120px;
+    }
+}
+
+@keyframes move {
+    0% {
+        bottom: 0px;
+    }
+    50% {
+        bottom: 20%;
+    }
+    100% {
+        bottom: 0px;
+    }
+}