#5 Changed avatar rendering to be rounded square and added a margin between cards.

Author: CephalonCosmic

components/members/MemberCard.vue

@@ -1,6 +1,6 @@
 <template>
-  <div :class="`w-2/3 md:w-1/3 lg:w-1/4 2xl:w-1/5 p-4 flex unity-button rounded-2xl border-[1px] ${live ? 'saturate-100' : 'saturate-[25%]'} ${live ? 'brightness-100' : 'brightness-[80%]'} transition-all hover:saturate-100 hover:brightness-[110%]`" :style="borderStyle" :title="member.id">
-    <img class="rounded-full h-12" :src="`/img/creators/${member.id}.webp`" :alt="member.name">
+  <div :class="`w-2/3 md:w-1/3 lg:w-1/4 2xl:w-1/5 p-4 flex unity-button rounded-2xl border-[1px] m-0.5 ${live ? 'saturate-100' : 'saturate-[25%]'} ${live ? 'brightness-100' : 'brightness-[80%]'} transition-all hover:saturate-100 hover:brightness-[110%]`" :style="borderStyle" :title="member.id">
+    <img class="rounded-lg h-12" :src="`/img/creators/${member.id}.webp`" :alt="member.name">
     <div class="px-4">
       <span :style="`color: ${faction.color}`" class="font-medium">{{ member.name }}</span>
       &nbsp;