diff --git a/assets/addtolibrary.gif b/assets/addtolibrary.gif
index 8cd60f20..7c29c8bb 100644
Binary files a/assets/addtolibrary.gif and b/assets/addtolibrary.gif differ
diff --git a/assets/addtolibrary.mp4 b/assets/addtolibrary.mp4
index 1584b408..f2c796a7 100644
Binary files a/assets/addtolibrary.mp4 and b/assets/addtolibrary.mp4 differ
diff --git a/assets/addtolibrary.png b/assets/addtolibrary.png
index 13efe483..65b7fe09 100644
Binary files a/assets/addtolibrary.png and b/assets/addtolibrary.png differ
diff --git a/assets/addtolibrary.webm b/assets/addtolibrary.webm
index dc739639..f5aad4bf 100644
Binary files a/assets/addtolibrary.webm and b/assets/addtolibrary.webm differ
diff --git a/assets/catalogues.png b/assets/catalogues.png
index 6bdbbab1..929adf1f 100644
Binary files a/assets/catalogues.png and b/assets/catalogues.png differ
diff --git a/index.html b/index.html
index 5660cfa8..9fa5a5e8 100644
--- a/index.html
+++ b/index.html
@@ -36,24 +36,24 @@
 					<video controls crossorigin=use-credentials height=544 intrinsicsize=600x1089 loading=lazy loop muted playsinline poster="assets/extensions.png" preload=none width=300>
 						<source src="assets/extensions.mp4" type="video/mp4">
 						<source src="assets/extensions.webm" type="video/webm">
-						<noscript><img alt height=544 src="assets/extensions.gif" width=300></noscript>
+						<noscript><img alt height=544 loading=lazy src="assets/extensions.gif" width=300></noscript>
 					</video>
 				</figure>
 				<p>In this guide we will use MangaDex, our most popular extension. Press the <code>Install</code> button and it will bring up the extension installer. If your phone does not allow third-party installations, follow <a href="#third-party-installs">this</a> guide.</p>
 				<h3>Exploring the catalogue</h3>
 				<p>Now that you've installed the MangaDex extension it should show up in the <code>Catalogues</code> tab. The items appearing here are called <code>Sources</code>, an extension can contain multiple sources.</p>
 				<div class="d-flex justify-content-center">
-					<img src="assets/catalogues.png" loading="lazy" intrinsicsize="1080x828" width="270" height="272">
+					<img src="assets/catalogues.png" loading="lazy" intrinsicsize="500x505" width="270" height="273">
 				</div>
 				<h3 id=adding-manga-to-your-library>Adding manga to your library</h3>
 				<p>To find and add manga, you can now either use the <code>Latest</code> button on your source, or you can use <code>Browse</code> and search for it.</p>
 				<p>Now that you've found manga that you want to add to your library, click on it and then press the blue bookmark button.</p>
 				<p>It should now appear in your <code>My library</code> tab, ready to be read!</p>
 				<figure>
-					<video controls crossorigin=use-credentials height=544 intrinsicsize=600x1089 loading=lazy loop muted playsinline poster="assets/addtolibrary.png" preload=none width=300>
+					<video controls crossorigin=use-credentials height=500 intrinsicsize=500x1000 loading=lazy loop muted playsinline poster="assets/addtolibrary.png" preload=none width=250>
 						<source src="assets/addtolibrary.mp4" type="video/mp4">
 						<source src="assets/addtolibrary.webm" type="video/webm">
-						<noscript><img alt height=544 src="assets/addtolibrary.gif" width=300></noscript>
+						<noscript><img alt height=500 loading=lazy src="assets/addtolibrary.gif" width=250></noscript>
 					</video>
 				</figure>
 				<div class=mb-4>
@@ -72,12 +72,12 @@
 								<video controls crossorigin=use-credentials height=344 intrinsicsize=400x688 loading=lazy loop muted playsinline poster="assets/unknownapps-android8.png" preload=none width=200>
 									<source src="assets/unknownapps-android8.mp4" type="video/mp4">
 									<source src="assets/unknownapps-android8.webm" type="video/webm">
-									<noscript><img alt height=344 src="assets/unknownapps-android8.gif" width=200></noscript>
+									<noscript><img alt height=344 loading=lazy src="assets/unknownapps-android8.gif" width=200></noscript>
 								</video>
 								<video controls crossorigin=use-credentials height=344 intrinsicsize=400x688 loading=lazy loop muted playsinline poster="assets/unknownapps-android7.png" preload=none width=200>
 									<source src="assets/unknownapps-android7.mp4" type="video/mp4">
 									<source src="assets/unknownapps-android7.webm" type="video/webm">
-									<noscript><img alt height=344 src="assets/unknownapps-android7.gif" width=200></noscript>
+									<noscript><img alt height=344 loading=lazy src="assets/unknownapps-android7.gif" width=200></noscript>
 								</video>
 							</figure>
 						</details>