diff --git a/site/themes/citra-bs-theme/layouts/shortcodes/mp4.html b/site/themes/citra-bs-theme/layouts/shortcodes/mp4.html
index 51b4c6c..b9a9503 100644
--- a/site/themes/citra-bs-theme/layouts/shortcodes/mp4.html
+++ b/site/themes/citra-bs-theme/layouts/shortcodes/mp4.html
@@ -1,13 +1,15 @@
 <figure>
-    <video preload="auto" controls>
-        <source src="{{ .Get "src" }}" type="video/mp4">
-        Your browser doesn't support mp4 video. :(
-    </video>
-    {{ with .Get "title" }}
-    <figcaption>
-        <h4>
+   <div style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;">
+      <video preload="auto" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" controls>
+         <source src="{{ .Get "src" }}" type="video/mp4">
+         Your browser doesn't support mp4 video. :(
+      </video>
+      {{ with .Get "title" }}
+      <figcaption>
+         <h4>
             {{ . }}
-        </h4>
-    </figcaption>
-    {{ end }}
-</figure>
\ No newline at end of file
+         </h4>
+      </figcaption>
+      {{ end }}
+   </div>
+</figure>
diff --git a/site/themes/citra-bs-theme/layouts/shortcodes/webm.html b/site/themes/citra-bs-theme/layouts/shortcodes/webm.html
deleted file mode 100644
index a64bbde..0000000
--- a/site/themes/citra-bs-theme/layouts/shortcodes/webm.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<figure>
-    <video preload="auto" controls>
-        <source src="{{ .Get "src" }}" type="video/webm">
-        Your browser doesn't support webm video. :(
-    </video>
-    {{ with .Get "title" }}
-    <figcaption>
-        <h4>
-            {{ . }}
-        </h4>
-    </figcaption>
-    {{ end }}
-</figure>
\ No newline at end of file