diff --git a/static/main/css/index.css b/static/main/css/index.css
index c8d66f0..a047efe 100644
--- a/static/main/css/index.css
+++ b/static/main/css/index.css
@@ -20,6 +20,7 @@
     top: 30%;
 }
 
+img,
 video {
     width: clamp(20rem, 50%, 70rem);
 }
diff --git a/static/main/img/hello-there/hello-there.gif b/static/main/img/hello-there/hello-there.gif
new file mode 100644
index 0000000..86ceec0
Binary files /dev/null and b/static/main/img/hello-there/hello-there.gif differ
diff --git a/static/main/img/hello-there.mp4 b/static/main/img/hello-there/hello-there.mp4
similarity index 100%
rename from static/main/img/hello-there.mp4
rename to static/main/img/hello-there/hello-there.mp4
diff --git a/static/main/img/hello-there.webm b/static/main/img/hello-there/hello-there.webm
similarity index 100%
rename from static/main/img/hello-there.webm
rename to static/main/img/hello-there/hello-there.webm
diff --git a/templates/main/index.html b/templates/main/index.html
index e490f6a..d12c051 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -14,11 +14,13 @@
 {% block content %}
     <div id="landing">
         <div class="landing-title">
-            <video autoplay
-                   loop
-                   src="{% static 'main/img/hello-there.mp4' %}"
-                   type="video/mp4"
-                   alt="Hello there.">
+            <video autoplay loop muted playsinline alt="Hello there.">
+                <source src="{% static 'main/img/hello-there/hello-there.mp4' %}"
+                        type="video/mp4">
+                <source src="{% static 'main/img/hello-there/hello-there.mp4' %}"
+                        type="video/mp4"
+                        onerror="fallback(parentNode)">
+                <img src="{% static 'main/img/hello-there/hello-there.gif' %}">
             </video>
             <h1 class="text">
                 I&#39;m <span id="swap-text">Kristofers Solo</span>