diff --git a/public/assets/shared/card-demo.webp b/public/assets/shared/card-demo.webp
new file mode 100644
index 0000000..ff9ebd1
Binary files /dev/null and b/public/assets/shared/card-demo.webp differ
diff --git a/public/cases/mini-projects-showcase/index.html b/public/cases/mini-projects-showcase/index.html
index e9b2ece..940f884 100644
--- a/public/cases/mini-projects-showcase/index.html
+++ b/public/cases/mini-projects-showcase/index.html
@@ -1209,7 +1209,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1234,7 +1234,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1259,7 +1259,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1284,7 +1284,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1309,7 +1309,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1362,7 +1362,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../assets/shared/placeholder.webp"
+                    src="../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1387,7 +1387,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="../../assets/shared/placeholder.webp"
+                      src="../../assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
@@ -1410,7 +1410,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="../../assets/shared/placeholder.webp"
+                      src="../../assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
diff --git a/public/en/cases/mini-projects-showcase/index.html b/public/en/cases/mini-projects-showcase/index.html
index 67fbd7a..18f29b6 100644
--- a/public/en/cases/mini-projects-showcase/index.html
+++ b/public/en/cases/mini-projects-showcase/index.html
@@ -1209,7 +1209,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1234,7 +1234,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1259,7 +1259,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1284,7 +1284,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1309,7 +1309,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1362,7 +1362,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="../../../assets/shared/placeholder.webp"
+                    src="../../../assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -1387,7 +1387,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="../../../assets/shared/placeholder.webp"
+                      src="../../../assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
@@ -1410,7 +1410,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="../../../assets/shared/placeholder.webp"
+                      src="../../../assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
diff --git a/src/pages/cases/mini-projects-showcase.en.html b/src/pages/cases/mini-projects-showcase.en.html
index a9d8594..dff1c2f 100644
--- a/src/pages/cases/mini-projects-showcase.en.html
+++ b/src/pages/cases/mini-projects-showcase.en.html
@@ -483,7 +483,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -508,7 +508,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -533,7 +533,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -558,7 +558,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -583,7 +583,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -636,7 +636,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -661,7 +661,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      src="{{assetPrefix}}assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
@@ -684,7 +684,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      src="{{assetPrefix}}assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
diff --git a/src/pages/cases/mini-projects-showcase.html b/src/pages/cases/mini-projects-showcase.html
index efdcaa3..5ffcdad 100644
--- a/src/pages/cases/mini-projects-showcase.html
+++ b/src/pages/cases/mini-projects-showcase.html
@@ -483,7 +483,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -508,7 +508,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -533,7 +533,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -558,7 +558,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -583,7 +583,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -636,7 +636,7 @@
                 <div class="mp-card__media" aria-hidden="true">
                   <img
                     class="mp-card__image"
-                    src="{{assetPrefix}}assets/shared/placeholder.webp"
+                    src="{{assetPrefix}}assets/shared/card-demo.webp"
                     alt=""
                     width="560"
                     height="315"
@@ -661,7 +661,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      src="{{assetPrefix}}assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"
@@ -684,7 +684,7 @@
                   <div class="mp-card__media" aria-hidden="true">
                     <img
                       class="mp-card__image"
-                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      src="{{assetPrefix}}assets/shared/card-demo.webp"
                       alt=""
                       width="400"
                       height="225"