From 63656d47f0caa126bd0f5b4822cea123ee277571 Mon Sep 17 00:00:00 2001
From: Raj Sharma <raj@tokio.space>
Date: Sun, 18 Feb 2024 22:09:52 +0530
Subject: [PATCH] fix: transition backgorund image load

---
 src/components/gradient-provider.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/gradient-provider.tsx b/src/components/gradient-provider.tsx
index d0e5f10..904dcaf 100644
--- a/src/components/gradient-provider.tsx
+++ b/src/components/gradient-provider.tsx
@@ -63,9 +63,11 @@ export function BackgroundGradentProvider({
         // blur and fade in
         initial={{ opacity: 0, filter: "blur(10px)" }}
         animate={{ opacity: 1, filter: "blur(0px)" }}
+        transition={{ delay: 0.6 }}
         className="w-full h-full"
       >
         <Image
+          width={1200}
           className="w-full h-full object-cover"
           src={background_gradient}
           alt="gradient"