diff --git a/public/css/main.css b/public/css/main.css
index b0e1dab..7fd0fa0 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -3894,6 +3894,7 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
 }
 
 .portfolio-card {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -3909,6 +3910,18 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
   transition: border-color 0.2s ease;
 }
 
+.portfolio-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-radius: inherit;
+  background: color-mix(in srgb, var(--surface) 22%, transparent);
+  -webkit-backdrop-filter: blur(2.5px) saturate(115%);
+  backdrop-filter: blur(2.5px) saturate(115%);
+}
+
 .portfolio-card:hover,
 .portfolio-card:focus-visible {
   border-color: color-mix(in srgb, var(--accent) 55%, var(--card-border));