diff --git a/.gitignore b/.gitignore
index a0be5c16..46efe69a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,4 @@ selenium-debug.log
 config/local.json
 config/local.*.json
 docs/site/
-.vscode/
\ No newline at end of file
+.vscode/
diff --git a/src/App.js b/src/App.js
index 898cda59..14c05fa8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -76,11 +76,24 @@ export default {
         ? null
         : this.$store.state.instance.background
     },
-    background () { return this.pageBackground || (this.$store.getters.mergedConfig.overrideInstanceWallpaper && this.userBackground) || this.instanceBackground },
+    background () {
+      return this.pageBackground ||
+        (this.$store.getters.mergedConfig.overrideInstanceWallpaper && this.userBackground) ||
+        this.instanceBackground
+    },
     bgStyle () {
-      if (this.background) {
+      const background = this.background
+      if (!background) return null
+
+      const isVideo = /\.(mp4|webm|mov)$/i.test(background)
+
+      if (isVideo) {
         return {
-          '--body-background-image': `url(${this.background})`
+          '--body-background-image': 'none'
+        }
+      } else {
+        return {
+          '--body-background-image': `url(${background})`
         }
       }
     },
diff --git a/src/App.vue b/src/App.vue
index 80ebb525..54486944 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,18 @@
     <div
       id="app_bg_wrapper"
       class="app-bg-wrapper"
-    />
+    >
+      <video
+        v-if="background && /\.(mp4|webm|ogg)$/i.test(background)"
+        class="bg-video"
+        autoplay
+        loop
+        muted
+        playsinline
+      >
+        <source :src="background" type="video/mp4">
+      </video>
+    </div>
     <MobileNav v-if="layoutType === 'mobile'" />
     <DesktopNav v-else />
     <Notifications v-if="currentUser" />
diff --git a/src/components/about/about.vue b/src/components/about/about.vue
index cfdc2806..b94195f0 100644
--- a/src/components/about/about.vue
+++ b/src/components/about/about.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="column-inner">
-    <terms-of-service-panel />
     <staff-panel />
+    <terms-of-service-panel />
     <LocalBubblePanel v-if="showLocalBubblePanel" />
     <MRFTransparencyPanel />
     <features-panel v-if="currentUser && showFeaturesPanel" />
diff --git a/static/config.json b/static/config.json
index 06762e80..5bc020e5 100644
--- a/static/config.json
+++ b/static/config.json
@@ -1,6 +1,6 @@
 {
   "alwaysShowSubjectInput": true,
-  "background": "/static/tropic_island_night.jpg.webp",
+  "background": "https://media.puppyspace.org/puppy/uploads/33af6203-2978-4d7b-9a76-bbe9ccf80fc8.mp4",
   "collapseMessageWithSubject": false,
   "greentext": false,
   "hideFilteredStatuses": false,
diff --git a/static/terms-of-service.html b/static/terms-of-service.html
index d7d67b16..64105101 100644
--- a/static/terms-of-service.html
+++ b/static/terms-of-service.html
@@ -2,4 +2,4 @@
 
 <p>don be meannn<p>
 
-<p>See the <a href="https://docs.akkoma.dev/main/backend/configuration/static_dir/">Static Directory</a> docs for more info.</p>
\ No newline at end of file
+<p>See the <a href="https://docs.akkoma.dev/main/backend/configuration/static_dir/">Static Directory</a> docs for more info.</p>