adjust design

Author: aster-void

src/pages/members.astro

@@ -30,7 +30,9 @@ const members = (await getCollection("members")).sort(
   >
     メンバー
   </h1>
-  <main class="mt-[100vh] border-t-2 border-gray-600 px-4 py-16 backdrop-blur">
+  <main
+    class="mt-[100vh] border-t-2 border-gray-600 bg-black/50 px-4 py-16 backdrop-blur"
+  >
     <ul class="flex flex-row flex-wrap justify-center gap-8 px-[5%] pt-6">
       {
         members.map((member) => (
@@ -47,7 +49,7 @@ const members = (await getCollection("members")).sort(
                 src={member.data.upperBodyImage}
                 width="400"
                 height="400"
-                class="skeleton"
+                class="skeleton rounded-none"
               />
               <div class="absolute bottom-0 w-full min-w-45 bg-gradient-to-b from-transparent to-black px-6 pt-12 pb-6 text-white">
                 <h2 class="text-3xl">{member.data.nameJa}</h2>