Redesign Cards

src/pages/index.astro

@@ -155,8 +155,8 @@ const latestPost = posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.d
                 <h2 class="dark:text-white text-4xl font-bold">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2>
                 <div class="flex my-4 md:flex-row flex-col flex-wrap justify-center">
                     {players.map(v => (
-                        <Card extraClasses="pt-8 pb-10 px-8" client:idle>
-                            <figure class="flex flex-col items-center">
+                        <Card extraClasses="pt-8 pb-10 px-8 w-fit" client:idle>
+                            <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>
                                 <Image src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${v.uuid}`}
                                     class="transition duration-300 ease-in-out hover:scale-110 hover:backdrop-blur-lg hover:drop-shadow-2xl"