diff --git a/website/index.html b/website/index.html
index a0aa7f0..57cf5b1 100644
--- a/website/index.html
+++ b/website/index.html
@@ -218,13 +218,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
                   <span>12:00:00 PM</span>
                   <div id="ri"></div>
                 </div>
-                <img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
+                <video
+                  muted
+                  autoplay
+                  loop
+                  src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
+                ></video>
               </div>
             </div>
             <div id="ti" class="mm">
               <div id="tn">SOMEONE</div>
               <div id="tr">
-                <img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
+                <video
+                  autoplay
+                  loop
+                  muted
+                  src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
+                ></video>
               </div>
               <div id="tm">
                 <div id="tt">
diff --git a/website/styles/extrasmall.css b/website/styles/extrasmall.css
index bcf31b2..21d4c44 100644
--- a/website/styles/extrasmall.css
+++ b/website/styles/extrasmall.css
@@ -256,7 +256,7 @@ footer .link-button {
 .landing .supported .supported-logo[data-full-support]::before,
 .landing .supported .supported-logo[data-beta-support]::before,
 .landing .supported .supported-logo[data-upcoming-support]::before {
-  content: "FULLY SUPPORTED";
+  content: 'FULLY SUPPORTED';
   position: absolute;
   width: 100%;
   bottom: 0;
@@ -267,13 +267,13 @@ footer .link-button {
   font-size: 0.8rem;
   text-align: center;
   color: var(--primary);
-  font-family: "GlacialBold";
+  font-family: 'GlacialBold';
   background-color: var(--cta);
   padding: 1rem 0;
 }
 
 .landing .supported .supported-logo[data-beta-support]::before {
-  content: "BETA SUPPORT";
+  content: 'BETA SUPPORT';
 }
 
 .landing .supported .supported-logo[data-upcoming-support]::before {
@@ -522,7 +522,7 @@ div#sidebar {
 
 #ti * {
   font-size: 14px !important;
-  font-family: "Glacial";
+  font-family: 'Glacial';
   letter-spacing: 1.1px;
 }
 
@@ -570,7 +570,7 @@ div#sidebar {
   left: 0;
   cursor: pointer;
   background-color: white;
-  background-image: url("https://www.materialui.co/materialIcons/content/reply_grey_192x192.png");
+  background-image: url('https://www.materialui.co/materialIcons/content/reply_grey_192x192.png');
   background-size: 75%;
   background-repeat: no-repeat;
   background-position: center;
@@ -593,7 +593,7 @@ div#sidebar {
   /*   transition-delay: 0.1s; */
   width: fit-content;
 }
-#tm img {
+#tm video {
   max-width: 40%;
   border-radius: 26px;
   transition: all ease-in-out 0.3s;
@@ -601,7 +601,7 @@ div#sidebar {
   z-index: 99;
 }
 #ti:hover #tm p,
-#ti:hover #tm img {
+#ti:hover #tm video {
   margin-left: 40px;
 }
 #tm #tt #ri:hover {
@@ -630,7 +630,7 @@ div#sidebar {
   text-overflow: ellipsis;
   cursor: pointer;
 }
-#tr img {
+#tr video {
   max-height: 50px;
   border-radius: 26px;
   transition: all ease-in-out 0.3s;
@@ -667,7 +667,10 @@ div#sidebar {
   left: unset;
 }
 #ti.mm:hover #tm p,
-#ti.mm:hover #tm img {
+#ti.mm:hover #tm video {
   margin-left: 0;
   margin-right: 40px;
 }
+video::-internal-media-controls-overlay-cast-button {
+  display: none;
+}
diff --git a/website/welcome/index.html b/website/welcome/index.html
index 5f65007..e37f78d 100644
--- a/website/welcome/index.html
+++ b/website/welcome/index.html
@@ -151,13 +151,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
                   <span>12:00:00 PM</span>
                   <div id="ri"></div>
                 </div>
-                <img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
+                <video
+                  muted
+                  autoplay
+                  loop
+                  src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
+                ></video>
               </div>
             </div>
             <div id="ti" class="mm">
               <div id="tn">SOMEONE</div>
               <div id="tr">
-                <img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /></div>
+                <video
+                  muted
+                  autoplay
+                  loop
+                  src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
+                ></video></div>
               <div id="tm">
                 <div id="tt">
                   <span>12:00:00 PM</span>