site/index.html

@@ -364,6 +364,13 @@
         align-items: center;
         justify-content: center;
         overflow: hidden;
+        transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
+      }
+
+      .timeline-avatar:hover {
+        width: 120px;
+        height: 120px;
+        transform: translateX(-50%) scale(1);
       }
 
       .timeline-avatar img {
@@ -560,6 +567,11 @@
           width: 60px;
           height: 60px;
         }
+
+        .timeline-avatar:hover {
+          width: 150px;
+          height: 150px;
+        }
       }
 
       @media (max-width: 720px) {