From 8bdf2b40c22714164dceb8d2fcb690fabad1336e Mon Sep 17 00:00:00 2001
From: Alexandru Eduard Farcas <farcas.edi@gmail.com>
Date: Sat, 3 May 2025 09:36:09 +0300
Subject: [PATCH] Blured Background on the modal

---
 src/components/GiveawayCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/GiveawayCard.tsx b/src/components/GiveawayCard.tsx
index 2989fa6..31f01a2 100644
--- a/src/components/GiveawayCard.tsx
+++ b/src/components/GiveawayCard.tsx
@@ -38,7 +38,7 @@ const GiveawayCard: React.FC<GiveawayCardProps> = ({ title, description, imageUr
 
             {/* Modal */}
             {isModalOpen && (
-                <div className="fixed inset-0 bg-gray-500 bg-opacity-50 flex justify-center items-center">
+                <div className="fixed inset-0 bg-opacity-50 backdrop-blur-sm z-50 flex justify-center items-center">
                     <div className="bg-white p-6 rounded-lg shadow-lg w-96">
                         <h2 className="text-xl font-bold mb-4">{title}</h2>
                         <p className="text-gray-600 mb-4">{description}</p>