diff --git a/components/public/material-poster.tsx b/components/public/material-poster.tsx
index a041c1c..7c261fc 100644
--- a/components/public/material-poster.tsx
+++ b/components/public/material-poster.tsx
@@ -126,14 +126,6 @@ export function MaterialPoster({
         />
       ) : null}
       <div className="absolute inset-0 bg-black/55" />
-      <Image
-        src="/img/mat/fade.png"
-        alt=""
-        fill
-        sizes="(min-width: 1024px) 800px, 100vw"
-        className="pointer-events-none object-cover opacity-75"
-        priority={!interactive}
-      />
       {characterArtUrl ? (
         <div
           className="pointer-events-none absolute inset-0"
@@ -160,6 +152,14 @@ export function MaterialPoster({
           ))}
         </div>
       ) : null}
+      <Image
+        src="/img/mat/fade.png"
+        alt=""
+        fill
+        sizes="(min-width: 1024px) 800px, 100vw"
+        className="pointer-events-none object-cover opacity-50"
+        priority={!interactive}
+      />
       <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-black/10 via-transparent to-black/80" />
       <div
         className="pointer-events-none absolute inset-x-0 top-0 h-[1.35cqw]"