diff --git a/images/bliss-demo.webm b/images/bliss-demo.webm
new file mode 100644
index 0000000..f1a4d59
--- /dev/null
+++ b/images/bliss-demo.webm
Binary files differ
diff --git a/images/bliss_screens.gif b/images/bliss_screens.gif
deleted file mode 100644
index 987cac2..0000000
--- a/images/bliss_screens.gif
+++ /dev/null
Binary files differ
diff --git a/index.html b/index.html
index 6ee9982..e6f8aa6 100644
--- a/index.html
+++ b/index.html
@@ -90,10 +90,16 @@
                               <img src="images/bliss_screens.gif" style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" />
                            </div>
                         </div>
-                     </div>
-                     <div class="row break">
-                        <div class="centered col-md-6 about-last">
-                           <p class="text-center"><a href="#portfolio" id="scrollPortfolio">Head To The Downloads <span class="glyphicon glyphicon-arrow-down"></span></a></p>
+                        <div class="col-md-6 text-center about-info">
+                            <div>
+                                <img src="images/phone_front.svg" style="max-height: 75%;max-width: 50%;vertical-align: middle;display: inline-flex;float: none" />
+                                <div>
+                                    <video style="max-height: 65%;max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" autoplay loop>
+                                    <source src="images/bliss-demo.webm" type="video/webm">
+                                    Your browser does not support video!
+                                    </video>
+                                </div>
+                            </div>
                         </div>
                      </div>
                   </div>