feat(Sponsors): 各社の画像のガタつきをなくすため、bg-whiteを追加

Author: staticWagomU

2025/src/components/Sponsors/Company.astro

@@ -31,20 +31,24 @@ if (images[imagePath]) {
 // ランクごとのスタイル設定
 const rankStyles = {
   platinum: {
-    container: "mb-4 flex items-center justify-center",
-    image: "h-28 w-auto object-contain md:h-36 lg:h-40",
+    container:
+      "mb-4 flex items-center justify-center bg-white p-6 rounded-lg border border-gray-100",
+    image: "h-32 w-auto object-contain md:h-36 lg:h-40",
   },
   gold: {
-    container: "mb-3 flex items-center justify-center",
-    image: "h-20 w-auto object-contain md:h-24 lg:h-28",
+    container:
+      "mb-3 flex items-center justify-center bg-white p-6 rounded-lg border border-gray-100",
+    image: "h-24 w-auto object-contain md:h-24 lg:h-28",
   },
   silver: {
-    container: "mb-2 flex items-center justify-center",
-    image: "h-14 w-auto object-contain md:h-16 lg:h-20",
+    container:
+      "mb-2 flex items-center justify-center bg-white p-6 rounded-lg border border-gray-100",
+    image: "h-16 w-auto object-contain md:h-16 lg:h-20",
   },
   bronze: {
-    container: "mb-2 flex items-center justify-center",
-    image: "h-12 w-auto object-contain md:h-14 lg:h-16",
+    container:
+      "mb-2 flex items-center justify-center bg-white p-6 rounded-lg border border-gray-100",
+    image: "h-8 w-auto object-contain md:h-14 lg:h-16",
   },
 };