diff --git a/src/Components/Pages/Services/ServiceCard.tsx b/src/Components/Pages/Services/ServiceCard.tsx
index c4cc001..64a79be 100644
--- a/src/Components/Pages/Services/ServiceCard.tsx
+++ b/src/Components/Pages/Services/ServiceCard.tsx
@@ -11,8 +11,9 @@ const Card = ({ title, description, imgSrc, delay }: IProps) => {
       className="flex flex-col justify-end flex-1 h-full border-solid border shadow-lg bg-cover bg-center text-center"
       style={{
         backgroundImage: `url(${imgSrc})`,
+        filter: "saturate(50%)",
         animation: `fadeEffect 1s ${delay} forwards`,
-        opacity: 0, // Add this line
+        opacity: 0,
       }}
     >
       <div className="lg:my-6">