update: add some transition and animation

Author: adam5096

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

index.css

@@ -374,7 +374,7 @@
     padding-block: 80px;
     background-color: var(--bg-color);
 
-    animation: enterFromLeft ease-in-out forwards;
+    animation: enterFromLeft ease forwards;
     animation-timeline: view();
     animation-range: entry 0% cover 25%;
 
@@ -405,6 +405,8 @@
       }
 
       & .card {
+        width: 100%;
+        position: relative;
         @media (max-width: 821px) {
           width: 100%;
           margin: 0 auto;

series.css

@@ -331,11 +331,15 @@
               /* 修飾圖片底部與畫框之間的白縫隙 */
               display: block;
             }
-            /* & img:hover {
-              transition: all 0.3s ease;
+            & img:hover {
+              transition: all 0.4s ease;
               border-radius: 50%;
+              outline: auto;
+              outline-color: #aa0601;
+              outline-width: 5px;
+              outline-style: solid;
               cursor: pointer;
-            } */
+            }
           }
 
           & .text {