post cards overlay enhancements

components/social/collection-scroll-card.tsx

@@ -222,10 +222,10 @@ function CoverSlide({
               className="object-cover"
               unoptimized
             />
-            {/* Heavier overlay — title + description sit over the bottom
-                two-thirds, so we push the via stop to 65% and bump the
-                base opacity for stronger contrast. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-black/20" />
+            {/* Full-coverage scrim — even the top carries ~40% black so the
+                badge and any white text overlaid up there stay readable
+                without looking blended with the cover image. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />

components/social/post-grid-card.tsx

@@ -72,11 +72,10 @@ export function PostGridCard({
               className="object-cover"
               unoptimized
             />
-            {/* Bottom-up gradient for caption legibility — keeps the image
-                visible up top while text sits over solid darkness below.
-                Stronger base + via stop pushed to 65% so roughly two-thirds
-                of the card is in the dark zone. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-transparent" />
+            {/* Full-coverage scrim — even the top of the card carries enough
+                darkness (~40%) so white text overlaid anywhere stays
+                legible without looking blended with the image. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />