diff --git a/assets/addtolibrary.gif b/assets/addtolibrary.gif
index 30b53183..8cd60f20 100644
Binary files a/assets/addtolibrary.gif and b/assets/addtolibrary.gif differ
diff --git a/assets/addtolibrary.mp4 b/assets/addtolibrary.mp4
index 59359f35..1584b408 100644
Binary files a/assets/addtolibrary.mp4 and b/assets/addtolibrary.mp4 differ
diff --git a/assets/addtolibrary.png b/assets/addtolibrary.png
index 35fe3561..13efe483 100644
Binary files a/assets/addtolibrary.png and b/assets/addtolibrary.png differ
diff --git a/assets/addtolibrary.webm b/assets/addtolibrary.webm
index 923844d1..dc739639 100644
Binary files a/assets/addtolibrary.webm and b/assets/addtolibrary.webm differ
diff --git a/index.html b/index.html
index 9ee1d27a..1e67559e 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,10 @@
 				<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 crossorigin="use-credentials" controls playsinline preload="none" muted loop loading="lazy" poster="assets/addtolibrary.png" intrinsicsize="600x1089" width="300" height="544">
-						<source src="assets/addtolibrary.mp4" type="video/mp4" />
-						<source src="assets/addtolibrary.webm" type="video/webm" />
-						<noscript><img src="assets/addtolibrary.gif" alt width="300" height="544"/></noscript>
+					<video crossorigin="use-credentials" controls playsinline preload="none" muted loop loading="lazy" poster="assets/AddToLibrary.png" intrinsicsize="600x1089" width="300" height="544">
+						<source src="assets/AddToLibrary.mp4" type="video/mp4" />
+						<source src="assets/AddToLibrary.webm" type="video/webm" />
+						<noscript><img src="assets/AddToLibrary.gif" alt width="300" height="544"/></noscript>
 					</video>
 				</figure>
 				<div class="mb-4">