feat: add 76 avatar PNG images and integrate into UI cards, lineup, and Ex-Rank

css/styles.css

@@ -368,16 +368,39 @@ body {
 
 .avatar-header-info {
   display: flex;
-  gap: 0.75rem;
+  gap: 0.85rem;
   align-items: center;
 }
 
-.avatar-icon-placeholder {
-  width: 48px;
-  height: 48px;
+.avatar-image-container {
+  position: relative;
+  width: 52px;
+  height: 52px;
   border-radius: var(--radius-md);
+  overflow: hidden;
   background: var(--bg-secondary);
   border: 1px solid var(--border-color);
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatar-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 0.25s ease;
+}
+
+.card:hover .avatar-img {
+  transform: scale(1.08);
+}
+
+.avatar-icon-placeholder {
+  width: 100%;
+  height: 100%;
+  background: var(--bg-secondary);
   display: flex;
   align-items: center;
   justify-content: center;