diff --git a/public/css/main.css b/public/css/main.css
index 86a73b2..d4d1b92 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -3453,6 +3453,20 @@ body.home .section__title {
   transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease;
 }
 
+.mp-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  pointer-events: none;
+  border-radius: inherit;
+  background: var(--v12-glass-neutral-bg);
+  border: none;
+  box-shadow: var(--v12-glass-neutral-shadow);
+  -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated);
+  backdrop-filter: var(--v12-glass-neutral-filter-elevated);
+}
+
 .mp-card:hover,
 .mp-card:focus-visible {
   border-color: color-mix(in srgb, var(--accent) 58%, var(--card-border));
@@ -3894,7 +3908,6 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
 }
 
 .portfolio-card {
-  position: relative;
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -3910,20 +3923,6 @@ 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: var(--v12-glass-neutral-bg);
-  border: none;
-  box-shadow: var(--v12-glass-neutral-shadow);
-  -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated);
-  backdrop-filter: var(--v12-glass-neutral-filter-elevated);
-}
-
 .portfolio-card:hover,
 .portfolio-card:focus-visible {
   border-color: color-mix(in srgb, var(--accent) 55%, var(--card-border));