diff --git a/resources/js/app.js b/resources/js/app.js
index 50db69d..0f97a1b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -3,14 +3,3 @@ import "flowbite";
 import "./icons";
 import "./icons-brands";
 import "./icons-duotone";
-
-document.addEventListener("DOMContentLoaded", function () {
-    const images = document.querySelectorAll(".transition-opacity");
-
-    images.forEach((image) => {
-        image.onload = function () {
-            image.style.filter = "blur(0)";
-            image.style.opacity = "1";
-        };
-    });
-});
diff --git a/resources/views/components/champions/list_all.blade.php b/resources/views/components/champions/list_all.blade.php
index 0cb61de..5e2429f 100644
--- a/resources/views/components/champions/list_all.blade.php
+++ b/resources/views/components/champions/list_all.blade.php
@@ -20,8 +20,8 @@
                     <div
                         class="mx-4 mt-4 overflow-hidden h-52 rounded-2xl bg-clip-border border-2 border-orange-400/40">
                         <img @if($key < 8) loading="eager" @else loading="lazy" @endif
-                        src="//wsrv.nl/?url={{ $champion->getChampionImageAttribute() }}&w=400&output=webp&q=70"
-                             class="object-cover w-full h-full transition-opacity filter blur-3 opacity-0"
+                        src="//wsrv.nl/?url={{ $champion->getChampionImageAttribute() }}&w=380&output=webp&q=65"
+                             class="object-cover w-full h-full"
                              alt="{{ $champion->name }} Splash Art"
                         />
                     </div>