diff --git a/src/pages/404.astro b/src/pages/404.astro
index 3368faa..888e8b7 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -8,15 +8,15 @@ import Link from "next/link";
         class="h-screen w-full flex justify-center items-center relative overflow-hidden"
     >
         <div
-            class="animate-pulse bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+            class="animate-[pulse_3s_ease-in-out_infinite] bg-gradient-to-l to-indigo-950/80 from-ieee-blue-100/60 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[4vw] blur-[10vw] rounded-full absolute"
         >
         </div>
         <div
-            class="animate-pulse delay-75 bg-gradient-to-r from-blue-600/30 to-purple-600/30 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[4vw] blur-[9vw] rounded-full absolute -rotate-45"
+            class="animate-[pulse_4s_ease-in-out_infinite] bg-gradient-to-r from-blue-600/20 to-purple-600/20 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[5vw] blur-[11vw] rounded-full absolute -rotate-45"
         >
         </div>
         <div
-            class="animate-pulse delay-150 bg-gradient-to-tr from-ieee-yellow/20 to-blue-500/20 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[3.5vw] blur-[8.5vw] rounded-full absolute rotate-45"
+            class="animate-[pulse_5s_ease-in-out_infinite] bg-gradient-to-tr from-ieee-yellow/10 to-blue-500/10 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[4.5vw] blur-[10.5vw] rounded-full absolute rotate-45"
         >
         </div>
         <div class="flex flex-col items-center z-10">