fix(ui): balance project preview heights

src/App.css

@@ -639,7 +639,7 @@ h3 {
     radial-gradient(circle at 26% 28%, rgba(18, 184, 134, 0.22), transparent 31%),
     radial-gradient(circle at 78% 24%, rgba(138, 92, 246, 0.13), transparent 30%),
     linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(232, 251, 248, 0.74));
-  height: clamp(390px, 36vw, 500px);
+  height: clamp(360px, 34vw, 470px);
   padding: 24px;
 }
 
@@ -660,26 +660,26 @@ h3 {
     0 26px 54px rgba(37, 76, 105, 0.26),
     0 0 0 1px rgba(255, 255, 255, 0.78);
   filter: saturate(1.04) contrast(1.01);
-  max-height: 82%;
-  max-width: 33%;
+  max-height: 78%;
+  max-width: 32%;
   position: absolute;
   top: 50%;
 }
 
 .project-preview-count-3 img:nth-child(1) {
   opacity: 0.96;
-  transform: translate(-86%, -46%) rotate(-9deg) scale(0.92);
+  transform: translate(-88%, -45%) rotate(-9deg) scale(0.92);
   z-index: 1;
 }
 
 .project-preview-count-3 img:nth-child(2) {
-  transform: translate(-2%, -49%) rotate(0deg) scale(1.08);
+  transform: translate(-2%, -48%) rotate(0deg) scale(1.08);
   z-index: 3;
 }
 
 .project-preview-count-3 img:nth-child(3) {
   opacity: 0.96;
-  transform: translate(82%, -46%) rotate(9deg) scale(0.92);
+  transform: translate(84%, -45%) rotate(9deg) scale(0.92);
   z-index: 2;
 }
 
@@ -700,15 +700,15 @@ h3 {
 }
 
 .project-card:hover .project-preview-count-3 img:nth-child(1) {
-  transform: translate(-92%, -48%) rotate(-11deg) scale(0.95);
+  transform: translate(-94%, -47%) rotate(-11deg) scale(0.95);
 }
 
 .project-card:hover .project-preview-count-3 img:nth-child(2) {
-  transform: translate(-2%, -52%) rotate(0deg) scale(1.12);
+  transform: translate(-2%, -51%) rotate(0deg) scale(1.12);
 }
 
 .project-card:hover .project-preview-count-3 img:nth-child(3) {
-  transform: translate(88%, -48%) rotate(11deg) scale(0.95);
+  transform: translate(90%, -47%) rotate(11deg) scale(0.95);
 }
 
 .project-index {