images centered

src/components/Cards/TrackItemCard.jsx

@@ -17,17 +17,17 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <div className="card-style-one flex flex-col justify-between w-full h-[220px] bg-white dark:bg-dark-white p-3 pb rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
+    <div className="card-style-one flex flex-col justify-between w-full h-[190px] bg-white dark:bg-dark-white p-3 rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
       <div className="content">
         {/* thumbnail */}
-        <div className="w-full h-40">
+        <div className="w-full h-32">
           {/* thumbnail image */}
           <div
             className="thumbnail w-full h-full rounded-xl overflow-hidden px-4 pt-4"
             style={{
               background: `url(${localImgLoad(
                 `images/${datas.thumbnil}`
-              )}) 0% 0% / cover no-repeat`,
+              )}) 0% 0% / 100% no-repeat`,
             }}
           >
             <div className="product-options flex justify-between relative">
@@ -76,12 +76,12 @@ export default function TrackItemCard({ datas, hidden = false }) {
           </div>
         </div>
         {/* user */}
-        <div className="user w-full text-center mt-3">
+        <div className="user w-full text-center">
 
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link
             to={`/track-action/${datas.widget}`}
-            className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
+            className="text-xl font-bold text-dark-gray dark:text-white capitalize line-clamp-1"
             >
             {datas.title}
             </Link>