diff --git a/content/posts/you-need-to-learn-linux.md b/content/posts/you-need-to-learn-linux.md
index 68632c5..8200da2 100644
--- a/content/posts/you-need-to-learn-linux.md
+++ b/content/posts/you-need-to-learn-linux.md
@@ -25,7 +25,7 @@ struggle with the OS simply because it's fundamentally different
 compared to the other operating systems, but with a bit of time you
 can master the basics and unlock it's true power.
 
-![true power](/gif/mha-power.gif)
+{{< video label="true power" webm="/webm/mha-power.webm" >}}
 
 ## **But Why**
 **Linux is everywhere**, from data centres to your smart toaster. So
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..f46b0eb
--- /dev/null
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,5 @@
+<video autoplay loop muted playsinline aria-label='{{ .Get "label"}}'>
+    {{ with .Get "mp4" }}<source src="{{ . }}" type="video/mp4">{{ end }}
+    {{ with .Get "webm" }}<source src="{{ . }}" type="video/webm">{{ end }}
+    <p> Your browser does not support video. </p>
+</video>
diff --git a/static/webm/mha-power.webm b/static/webm/mha-power.webm
new file mode 100644
index 0000000..9efb227
Binary files /dev/null and b/static/webm/mha-power.webm differ