feat: some small improvments

components/Card.tsx

@@ -54,7 +54,7 @@ export function Card(
         </span>
       )}
       <div
-        class="p-4 flex flex-col justify-between relative z-10"
+        class="p-4 flex flex-col justify-between relative z-10 desaturated"
         style={{
           outline: "solid 2px #141218",
           borderRadius: "1.4rem",
@@ -69,8 +69,14 @@ export function Card(
           {/* Recipe Card content */}
         </div>
         <div
-          class="truncate mt-2 flex gap-2"
-          style={{ maxHeight: "50%",textShadow: "0px 0px 10px black"  }}
+          class="mt-2 flex gap-2"
+          style={{
+            maxHeight: "50%",
+            textShadow:
+              "0px 0px 2px black, 0px 2px 8px black, 2px 3px 12px black",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+          }}
         >
           {isYoutubeLink(link || "") && <IconBrandYoutube />}
           {title}