diff --git a/taskncoffee-app/public/images/a.jpg b/taskncoffee-app/public/images/a.jpg
index cb7c288..2ec14d2 100644
Binary files a/taskncoffee-app/public/images/a.jpg and b/taskncoffee-app/public/images/a.jpg differ
diff --git a/taskncoffee-app/src/components/Card.jsx b/taskncoffee-app/src/components/Card.jsx
index d91dd33..f4e7635 100644
--- a/taskncoffee-app/src/components/Card.jsx
+++ b/taskncoffee-app/src/components/Card.jsx
@@ -3,18 +3,19 @@ import { cn } from '@/lib/utils'
 
 export default function CardComponent() {
     return (
-        <div className={cn(styles.card.filled, "flex flex-col min-sm:w-1/3 min-h-[300px] overflow-hidden relative")}>
-            <img src="/images/a.jpg" alt="Card image" className="absolute -mx-6 -mt-6" />
-            <div className="flex flex-col gap-2 p-6 relative z-10 pt-[calc(16rem+1.5rem)]">
-                <h1 className={styles.text.h1}>Card</h1>
+        <div className={cn(styles.card.filled, "flex flex-col sm:w-1/2 h-[400px] overflow-hidden")}>
+            <div className="flex items-end flex-1 -mt-6 -mx-6 bg-center bg-cover bg-[url('/images/a.jpg')]">
+                <h1 className={cn(styles.text.h1, "pl-6")}>Card</h1>
+            </div>
+            <div className="flex-1 flex flex-col gap-2 z-10 mt-6">
                 <div className="flex items-center gap-2">
                     <span className={cn(styles.badge.low)}>Low</span>
                     <span className={cn(styles.badge.medium)}>Medium</span>
                     <span className={cn(styles.badge.high)}>High</span>
                     <span className={cn(styles.badge.critical)}>Critical</span>
                 </div>
-                <p className={cn(styles.text.smallMuted, "flex-1 line-clamp-2")}>Card description</p>
-                <button className={cn(styles.button.primaryNeon, "w-1/5")}><span className={styles.text.neonBlue}>Complete</span></button>
+                <p className={cn(styles.text.smallMuted, "flex-2 line-clamp-2")}>Card description</p>
+                <button className={cn(styles.button.primaryNeon, "w-[110px]")}><span className={styles.text.neonBlue}>Complete</span></button>
             </div>
         </div>
     )