diff --git a/routes/_components/AutoplayVideo.html b/routes/_components/AutoplayVideo.html
index 984a6357..a491b0c1 100644
--- a/routes/_components/AutoplayVideo.html
+++ b/routes/_components/AutoplayVideo.html
@@ -1,7 +1,7 @@
 <video
-  class="{{className || ''}}"
+  class="autoplay-video {{className || ''}}"
   aria-label="{{ariaLabel || ''}}"
-  style="background: url({{poster}});"
+  style="background-image: url({{poster}});"
   :poster
   :width
   :height
@@ -11,4 +11,11 @@
   loop
   webkit-playsinline
   playsinline
-/>
\ No newline at end of file
+/>
+<style>
+  .autoplay-video {
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+  }
+</style>
\ No newline at end of file