diff --git a/.gitignore b/.gitignore
index 2af04cdf..57f7179a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,3 +14,6 @@ npm-debug.log
 
 # Compiled site
 /public/
+
+# Custom VSC workspace
+*.code-workspace
\ No newline at end of file
diff --git a/src/.vuepress/public/assets/media/addmangatocategory.mp4 b/src/.vuepress/public/assets/media/addmangatocategory.mp4
deleted file mode 100755
index 7c9da0ec..00000000
Binary files a/src/.vuepress/public/assets/media/addmangatocategory.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/addmangatocategory.png b/src/.vuepress/public/assets/media/addmangatocategory.png
deleted file mode 100755
index 507a2be0..00000000
Binary files a/src/.vuepress/public/assets/media/addmangatocategory.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/addmangatocategory.webm b/src/.vuepress/public/assets/media/addmangatocategory.webm
deleted file mode 100755
index 1a532ad8..00000000
Binary files a/src/.vuepress/public/assets/media/addmangatocategory.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/addtolibrary.mp4 b/src/.vuepress/public/assets/media/addtolibrary.mp4
deleted file mode 100644
index 68f3712b..00000000
Binary files a/src/.vuepress/public/assets/media/addtolibrary.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/addtolibrary.png b/src/.vuepress/public/assets/media/addtolibrary.png
deleted file mode 100644
index 25405da4..00000000
Binary files a/src/.vuepress/public/assets/media/addtolibrary.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/addtolibrary.webm b/src/.vuepress/public/assets/media/addtolibrary.webm
deleted file mode 100644
index 6b39afe6..00000000
Binary files a/src/.vuepress/public/assets/media/addtolibrary.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createbackup.mp4 b/src/.vuepress/public/assets/media/createbackup.mp4
deleted file mode 100644
index 4a7fcb60..00000000
Binary files a/src/.vuepress/public/assets/media/createbackup.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createbackup.png b/src/.vuepress/public/assets/media/createbackup.png
deleted file mode 100644
index c52a0853..00000000
Binary files a/src/.vuepress/public/assets/media/createbackup.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createbackup.webm b/src/.vuepress/public/assets/media/createbackup.webm
deleted file mode 100644
index 3499c8a8..00000000
Binary files a/src/.vuepress/public/assets/media/createbackup.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createcategory.mp4 b/src/.vuepress/public/assets/media/createcategory.mp4
deleted file mode 100755
index 39debe59..00000000
Binary files a/src/.vuepress/public/assets/media/createcategory.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createcategory.png b/src/.vuepress/public/assets/media/createcategory.png
deleted file mode 100755
index f11fa8e9..00000000
Binary files a/src/.vuepress/public/assets/media/createcategory.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/createcategory.webm b/src/.vuepress/public/assets/media/createcategory.webm
deleted file mode 100755
index 9b4d6bfd..00000000
Binary files a/src/.vuepress/public/assets/media/createcategory.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/editcategory.mp4 b/src/.vuepress/public/assets/media/editcategory.mp4
deleted file mode 100755
index 8d1a18eb..00000000
Binary files a/src/.vuepress/public/assets/media/editcategory.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/editcategory.png b/src/.vuepress/public/assets/media/editcategory.png
deleted file mode 100755
index 2a88c250..00000000
Binary files a/src/.vuepress/public/assets/media/editcategory.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/editcategory.webm b/src/.vuepress/public/assets/media/editcategory.webm
deleted file mode 100755
index 01c0b933..00000000
Binary files a/src/.vuepress/public/assets/media/editcategory.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/extensioninstaller.mp4 b/src/.vuepress/public/assets/media/extensioninstaller.mp4
deleted file mode 100644
index 65215da7..00000000
Binary files a/src/.vuepress/public/assets/media/extensioninstaller.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/extensioninstaller.png b/src/.vuepress/public/assets/media/extensioninstaller.png
deleted file mode 100644
index 1eefe9b4..00000000
Binary files a/src/.vuepress/public/assets/media/extensioninstaller.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/extensioninstaller.webm b/src/.vuepress/public/assets/media/extensioninstaller.webm
deleted file mode 100644
index 7d49fa5f..00000000
Binary files a/src/.vuepress/public/assets/media/extensioninstaller.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/logintomangadex.mp4 b/src/.vuepress/public/assets/media/logintomangadex.mp4
deleted file mode 100755
index a1257fb6..00000000
Binary files a/src/.vuepress/public/assets/media/logintomangadex.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/logintomangadex.png b/src/.vuepress/public/assets/media/logintomangadex.png
deleted file mode 100755
index 417d8f71..00000000
Binary files a/src/.vuepress/public/assets/media/logintomangadex.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/logintomangadex.webm b/src/.vuepress/public/assets/media/logintomangadex.webm
deleted file mode 100755
index d17dc452..00000000
Binary files a/src/.vuepress/public/assets/media/logintomangadex.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removecategory.mp4 b/src/.vuepress/public/assets/media/removecategory.mp4
deleted file mode 100755
index cb40d60f..00000000
Binary files a/src/.vuepress/public/assets/media/removecategory.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removecategory.png b/src/.vuepress/public/assets/media/removecategory.png
deleted file mode 100755
index 1e028c93..00000000
Binary files a/src/.vuepress/public/assets/media/removecategory.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removecategory.webm b/src/.vuepress/public/assets/media/removecategory.webm
deleted file mode 100755
index 7fd03988..00000000
Binary files a/src/.vuepress/public/assets/media/removecategory.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removemangafromcategory.mp4 b/src/.vuepress/public/assets/media/removemangafromcategory.mp4
deleted file mode 100755
index 70ee9c7b..00000000
Binary files a/src/.vuepress/public/assets/media/removemangafromcategory.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removemangafromcategory.png b/src/.vuepress/public/assets/media/removemangafromcategory.png
deleted file mode 100755
index 11ee5859..00000000
Binary files a/src/.vuepress/public/assets/media/removemangafromcategory.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/removemangafromcategory.webm b/src/.vuepress/public/assets/media/removemangafromcategory.webm
deleted file mode 100755
index 7007e5c2..00000000
Binary files a/src/.vuepress/public/assets/media/removemangafromcategory.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/reordercategories.mp4 b/src/.vuepress/public/assets/media/reordercategories.mp4
deleted file mode 100755
index 5769024e..00000000
Binary files a/src/.vuepress/public/assets/media/reordercategories.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/reordercategories.png b/src/.vuepress/public/assets/media/reordercategories.png
deleted file mode 100755
index d881c41b..00000000
Binary files a/src/.vuepress/public/assets/media/reordercategories.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/reordercategories.webm b/src/.vuepress/public/assets/media/reordercategories.webm
deleted file mode 100755
index c5fe719e..00000000
Binary files a/src/.vuepress/public/assets/media/reordercategories.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/restorebackup.mp4 b/src/.vuepress/public/assets/media/restorebackup.mp4
deleted file mode 100644
index 719deae2..00000000
Binary files a/src/.vuepress/public/assets/media/restorebackup.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/restorebackup.png b/src/.vuepress/public/assets/media/restorebackup.png
deleted file mode 100644
index d0e94955..00000000
Binary files a/src/.vuepress/public/assets/media/restorebackup.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/restorebackup.webm b/src/.vuepress/public/assets/media/restorebackup.webm
deleted file mode 100644
index 73c70c73..00000000
Binary files a/src/.vuepress/public/assets/media/restorebackup.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api25.mp4 b/src/.vuepress/public/assets/media/unknownapps-api25.mp4
deleted file mode 100644
index 4e25d65f..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api25.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api25.png b/src/.vuepress/public/assets/media/unknownapps-api25.png
deleted file mode 100644
index b821f9c2..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api25.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api25.webm b/src/.vuepress/public/assets/media/unknownapps-api25.webm
deleted file mode 100644
index 4770e484..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api25.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api28.mp4 b/src/.vuepress/public/assets/media/unknownapps-api28.mp4
deleted file mode 100644
index 94b5081a..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api28.mp4 and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api28.png b/src/.vuepress/public/assets/media/unknownapps-api28.png
deleted file mode 100644
index b6732654..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api28.png and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/unknownapps-api28.webm b/src/.vuepress/public/assets/media/unknownapps-api28.webm
deleted file mode 100644
index 798b9d95..00000000
Binary files a/src/.vuepress/public/assets/media/unknownapps-api28.webm and /dev/null differ
diff --git a/src/.vuepress/public/assets/media/video-guide-backup-create.png b/src/.vuepress/public/assets/media/video-guide-backup-create.png
new file mode 100644
index 00000000..eadc4ca7
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-backup-create.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-backup-create.webm b/src/.vuepress/public/assets/media/video-guide-backup-create.webm
new file mode 100644
index 00000000..19a20e3f
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-backup-create.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-backup-restore.png b/src/.vuepress/public/assets/media/video-guide-backup-restore.png
new file mode 100644
index 00000000..e46e1970
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-backup-restore.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-backup-restore.webm b/src/.vuepress/public/assets/media/video-guide-backup-restore.webm
new file mode 100644
index 00000000..9038d858
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-backup-restore.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-add-to.png b/src/.vuepress/public/assets/media/video-guide-category-add-to.png
new file mode 100644
index 00000000..e3f96c8a
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-add-to.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-add-to.webm b/src/.vuepress/public/assets/media/video-guide-category-add-to.webm
new file mode 100644
index 00000000..650c3e33
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-add-to.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-create.png b/src/.vuepress/public/assets/media/video-guide-category-create.png
new file mode 100644
index 00000000..e0aaa187
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-create.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-create.webm b/src/.vuepress/public/assets/media/video-guide-category-create.webm
new file mode 100644
index 00000000..879eba29
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-create.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-delete.png b/src/.vuepress/public/assets/media/video-guide-category-delete.png
new file mode 100644
index 00000000..69ec98c7
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-delete.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-delete.webm b/src/.vuepress/public/assets/media/video-guide-category-delete.webm
new file mode 100644
index 00000000..84702028
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-delete.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-edit.png b/src/.vuepress/public/assets/media/video-guide-category-edit.png
new file mode 100644
index 00000000..2f304f21
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-edit.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-edit.webm b/src/.vuepress/public/assets/media/video-guide-category-edit.webm
new file mode 100644
index 00000000..042af7bf
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-edit.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-remove-from.png b/src/.vuepress/public/assets/media/video-guide-category-remove-from.png
new file mode 100644
index 00000000..2f4dba91
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-remove-from.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-remove-from.webm b/src/.vuepress/public/assets/media/video-guide-category-remove-from.webm
new file mode 100644
index 00000000..dbcd6ca6
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-remove-from.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-reorder.png b/src/.vuepress/public/assets/media/video-guide-category-reorder.png
new file mode 100644
index 00000000..27a9bad5
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-reorder.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-category-reorder.webm b/src/.vuepress/public/assets/media/video-guide-category-reorder.webm
new file mode 100644
index 00000000..262e7b38
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-category-reorder.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-extension-install.png b/src/.vuepress/public/assets/media/video-guide-extension-install.png
new file mode 100644
index 00000000..af20522b
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-extension-install.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-extension-install.webm b/src/.vuepress/public/assets/media/video-guide-extension-install.webm
new file mode 100644
index 00000000..87cf26fb
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-extension-install.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-library-add-to.png b/src/.vuepress/public/assets/media/video-guide-library-add-to.png
new file mode 100644
index 00000000..34609419
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-library-add-to.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-library-add-to.webm b/src/.vuepress/public/assets/media/video-guide-library-add-to.webm
new file mode 100644
index 00000000..c85518f0
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-library-add-to.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.png b/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.png
new file mode 100644
index 00000000..8706dd88
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.webm b/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.webm
new file mode 100644
index 00000000..0531ab38
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-mangadex-no-results.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.png b/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.png
new file mode 100644
index 00000000..84d64ad6
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.webm b/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.webm
new file mode 100644
index 00000000..449d39f4
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-unknownsources-android10.webm differ
diff --git a/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.png b/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.png
new file mode 100644
index 00000000..de9c4039
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.png differ
diff --git a/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.webm b/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.webm
new file mode 100644
index 00000000..6388d3bc
Binary files /dev/null and b/src/.vuepress/public/assets/media/video-guide-unknownsources-android711.webm differ
diff --git a/src/help/faq/extensions.md b/src/help/faq/extensions.md
index 8b93f3aa..396d7606 100644
--- a/src/help/faq/extensions.md
+++ b/src/help/faq/extensions.md
@@ -30,36 +30,26 @@ You can find the list of extensions to download [here](/extensions/)
 ### How do I allow third-party installations?
 When installing your first extension and are prompted that your phone isn't allowed to install unknown apps from that source, simply follow the prompt to allow it.
 
-<div class="carousel" id="unknown-source-carousel">
-<div class="carousel-cell">
-		<figure class="centered">
-			<h4>Android 8.0 and higher</h4>
-				<p>In newer versions of Android you need to enable "Install unknown apps" by a per-app basis.</p>
-		<video autoplay crossorigin="use-credentials" height="355" intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted" playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api28.png')" preload="none" width="200">
-			<source :src="$withBase('/assets/media/unknownapps-api28.webm')" type="video/webm" />
-			<source :src="$withBase('/assets/media/unknownapps-api28.mp4')" type="video/mp4" />
-		</video>
-		</figure>
-</div>
-<div class="carousel-cell">
-		<figure class="centered">
-			<h4>Android 7.1 and lower</h4>
-		<p>In older versions of Android you only need to enable "Unknown sources" globally.</p>
-		<video autoplay crossorigin="use-credentials" height="355" intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted" playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api25.png')" preload="none" width="200">
-			<source :src="$withBase('/assets/media/unknownapps-api25.webm')" type="video/webm" />
-			<source :src="$withBase('/assets/media/unknownapps-api25.mp4')" type="video/mp4" />
-		</video>
-		</figure>
-</div>
-</div>
-<script>
-var config = {
-	adaptiveHeight: true,
-	wrapAround: true,
-	pageDots: false
-};
-new Flickity('#unknown-source-carousel', config);
-</script>
+<Carousel name="carousel-unknown-source">
+<CarouselItem>
+<figure class="centered">
+	<h4>Android 8.0 and higher</h4>
+	<p>In newer versions of Android you need to enable "Install unknown apps" by a per-app basis.</p>
+	<video :poster="$withBase('/assets/media/video-guide-unknownsources-android10.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-unknownsources-android10.webm')" type="video/webm" />
+	</video>
+</figure>
+</CarouselItem>
+<CarouselItem>
+<figure class="centered">
+	<h4>Android 7.1 and lower</h4>
+	<p>In older versions of Android you only need to enable "Unknown sources" globally.</p>
+	<video :poster="$withBase('/assets/media/video-guide-unknownsources-android711.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-unknownsources-android711.webm')" type="video/webm" />
+	</video>
+</figure>
+</CarouselItem>
+</Carousel>
 
 ::: aside
 If you need more help regarding this, read [this](https://www.theandroidsoul.com/how-to-allow-apps-installation-from-unknown-sources-on-android-9-pie/)
diff --git a/src/help/guides/backup.md b/src/help/guides/backup.md
index c055a271..26e78e26 100644
--- a/src/help/guides/backup.md
+++ b/src/help/guides/backup.md
@@ -11,12 +11,8 @@ This category of settings allows you to setup a backup and restore mechanism for
 Create backup lets you backup your library (titles, categories, read chapters), tracking settings, and reading history. This setting will bring up a dialog letting you choose what to backup. Manga is greyed out because it will always be backed up.
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/createbackup.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/createbackup.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/createbackup.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-backup-create.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-backup-create.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -25,12 +21,8 @@ Create backup lets you backup your library (titles, categories, read chapters),
 Restore backup lets you restore your previously created backup. This setting will bring up a file explorer for you. Proceed by navigating to where your stored backup is located and then select it.
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/restorebackup.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/restorebackup.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/restorebackup.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-backup-restore.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-backup-restore.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
diff --git a/src/help/guides/categories.md b/src/help/guides/categories.md
index 08bf31e0..da83c3d3 100644
--- a/src/help/guides/categories.md
+++ b/src/help/guides/categories.md
@@ -13,12 +13,8 @@ To make a category, go to `My Library`, then click on the triple dots (`⋮`) on
 
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/createcategory.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/createcategory.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/createcategory.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-create.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-create.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -29,12 +25,8 @@ You can edit a Category in `My Library` > triple dots (`⋮`) > `Edit categories
 
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/editcategory.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/editcategory.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/editcategory.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-edit.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-edit.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -47,12 +39,8 @@ To do this, go to `My Library` > triple dots (`⋮`) > `Edit categories` then dr
 
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/reordercategories.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/reordercategories.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/reordercategories.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-reorder.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-reorder.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -63,12 +51,8 @@ You can delete a Category in `My Library` > triple dots (`⋮`) > `Edit categori
 
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/removecategory.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/removecategory.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/removecategory.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-delete.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-delete.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -82,12 +66,8 @@ You can also add Manga to multiple Categories by selecting the categories you wa
 :::
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/addmangatocategory.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/addmangatocategory.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/addmangatocategory.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-add-to.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-add-to.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
@@ -100,12 +80,8 @@ You can move a Manga to multiple Categories by selecting the categories you want
 :::
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/removemangafromcategory.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/removemangafromcategory.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/removemangafromcategory.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-category-remove-from.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-category-remove-from.webm')" type="video/webm" />
 	</video>
 </figure>
 :::
diff --git a/src/help/guides/getting-started.md b/src/help/guides/getting-started.md
index 18e6152c..0693872a 100644
--- a/src/help/guides/getting-started.md
+++ b/src/help/guides/getting-started.md
@@ -33,12 +33,8 @@ Press the `Install` button and accept the installation prompt that will be shown
 If you're getting stopped by a security prompt and don't know what to do you can read this FAQ section: ["How do I allow third-party installations?"](/help/faq/extensions/#how-do-i-allow-third-party-installations).
 
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/extensioninstaller.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/extensioninstaller.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/extensioninstaller.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-extension-install.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-extension-install.webm')" type="video/webm" />
 	</video>
 </figure>
 
@@ -53,11 +49,7 @@ Now that you've found manga that you want to add to your library, click on it an
 It should now appear in your `My Library` tab, ready to be read!
 
 <figure class="centered">
-	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x1000" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/addtolibrary.png')"
-	  preload="none" width="300">
-		<source :src="$withBase('/assets/media/addtolibrary.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/addtolibrary.mp4')" type="video/mp4" />
+	<video :poster="$withBase('/assets/media/video-guide-library-add-to.png')" height="500" autoplay="autoplay" loop="loop" preload="none" loading="lazy" crossorigin="use-credentials" playsinline="playsinline"   >
+		<source :src="$withBase('/assets/media/video-guide-library-add-to.webm')" type="video/webm" />
 	</video>
 </figure>