diff --git a/.github/workflows/autoprefixer.yml b/.github/workflows/autoprefixer.yml
index fe3d857df..4473b0bda 100644
--- a/.github/workflows/autoprefixer.yml
+++ b/.github/workflows/autoprefixer.yml
@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout to latest commit
-        uses: actions/checkout@v4.1.7
+        uses: actions/checkout@v4.2.1
 
       - name: Setup Node
         uses: actions/setup-node@v4
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
index 53391be84..b5017c43f 100644
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -39,7 +39,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4.1.7
+      uses: actions/checkout@v4.2.1
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index df484dd62..c7fc63bff 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to the commit that has been pushed
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -35,7 +35,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -78,6 +78,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to latest commit
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
     # run markdown linter
     - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15
diff --git a/assets/styles/components/cards.scss b/assets/styles/components/cards.scss
index c1c0490b5..d74110eca 100644
--- a/assets/styles/components/cards.scss
+++ b/assets/styles/components/cards.scss
@@ -9,6 +9,11 @@
     box-shadow: $box-shadow;
     border: 1px solid get-light-color('bg-primary');
     @include transition();
+    .card-img-top {
+      transform: scale(1.2);
+      object-fit: cover;
+      @include transition();
+    }
   }
 
   .card-head {
@@ -17,6 +22,10 @@
     overflow: hidden;
   }
 
+  .card-title {
+    font-size: large;
+  }
+
   .card-body {
     text-align: left;
   }
diff --git a/i18n/zh-cn.toml b/i18n/zh-cn.toml
index 8ad597e94..0b87678ea 100644
--- a/i18n/zh-cn.toml
+++ b/i18n/zh-cn.toml
@@ -124,3 +124,7 @@ other = "免责声明"
 
 [search]
 other = "搜索"
+
+[minute]
+one = "分钟"
+other = "分钟"
diff --git a/i18n/zh-tw.toml b/i18n/zh-tw.toml
index c571c2cab..b0fd1a181 100644
--- a/i18n/zh-tw.toml
+++ b/i18n/zh-tw.toml
@@ -124,3 +124,7 @@ other = "免責聲明"
 
 [search]
 other = "搜尋"
+
+[minute]
+one = "分鐘"
+other = "分鐘"
diff --git a/layouts/partials/cards/project.html b/layouts/partials/cards/project.html
index 6f193450b..1d1c83a42 100644
--- a/layouts/partials/cards/project.html
+++ b/layouts/partials/cards/project.html
@@ -4,34 +4,48 @@
 >
   <div class="card mt-1">
     <div class="card">
-      <a class="card-header" href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
-        <div>
-          <div class="d-flex">
-            {{ if .logo }}
+      <a href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
+        {{ if .image }}
+        <div class="card-head">
+          {{ $imageImage:= resources.Get .image}}
+          {{ if $imageImage }}
+            {{/*  svg don't support "Fit" operation   */}}
+            {{ if ne $imageImage.MediaType.SubType "svg" }}
+              {{ $imageImage = $imageImage.Fit "1000x1000" }}
+            {{ end }}
+            <img class="card-img-top" src="{{ $imageImage.RelPermalink }}" alt="{{ .name }}" />
+          {{ end }}
+        </div>
+        {{ end }}
+        <div class="card-header">
+          <div>
+            <div class="d-flex">
+              {{ if .logo }}
 
-              {{ if eq (len (findRE ".*/.*" .logo) ) 0 }}
+                {{ if eq (len (findRE ".*/.*" .logo) ) 0 }}
 
-                <i style="padding-right: 0.25em" class="{{.logo}} h4"></i>
+                  <i style="padding-right: 0.25em" class="{{.logo}} h4"></i>
 
-              {{ else }}
+                {{ else }}
 
-                {{ $logoImage:= resources.Get .logo}}
-                  {{ if $logoImage }}
-                    {{/*  svg don't support "Fit" operation   */}}
-                    {{ if ne $logoImage.MediaType.SubType "svg" }}
-                      {{ $logoImage = $logoImage.Fit "24x24" }}
+                  {{ $logoImage:= resources.Get .logo}}
+                    {{ if $logoImage }}
+                      {{/*  svg don't support "Fit" operation   */}}
+                      {{ if ne $logoImage.MediaType.SubType "svg" }}
+                        {{ $logoImage = $logoImage.Fit "24x24" }}
+                      {{ end }}
+                      <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
                     {{ end }}
-                    <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
                   {{ end }}
-                {{ end }}
 
-            {{ end }}
-            
-            <h5 class="card-title mb-0">{{ .name }}</h5>
-          </div>
-          <div class="sub-title">
-            <span>{{ .role }}</span>
-            <span>{{ .timeline }}</span>
+              {{ end }}
+              
+              <h5 class="card-title mb-0">{{ .name }}</h5>
+            </div>
+            <div class="sub-title">
+              <span>{{ .role }}</span>
+              <span>{{ .timeline }}</span>
+            </div>
           </div>
         </div>
       </a>