diff --git a/public/index.html b/public/index.html
index f992544..13856a3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -44,10 +44,13 @@
     <canvas id="pile-canvas"></canvas>
     <div class="bg-vignette"></div>
 
-    <div id="main-frame" class="main-frame">
-      <div class="frame-border">
-        <img id="main-photo" class="frame-media" alt="">
-        <video id="main-video" class="frame-media" muted playsinline style="display:none"></video>
+    <!-- Flexbox wrapper handles centering; animation lives on inner frame -->
+    <div class="main-frame-wrapper">
+      <div id="main-frame" class="main-frame">
+        <div class="frame-border">
+          <img id="main-photo" class="frame-media" alt="">
+          <video id="main-video" class="frame-media" muted playsinline style="display:none"></video>
+        </div>
       </div>
     </div>