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
+            {/* Full-coverage scrim — even the top carries ~40% black so the
-                two-thirds, so we push the via stop to 65% and bump the
+                badge and any white text overlaid up there stay readable
-                base opacity for stronger contrast. */}
+                without looking blended with the cover image. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-black/20" />
+            <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
+            {/* Full-coverage scrim — even the top of the card carries enough
-                visible up top while text sits over solid darkness below.
+                darkness (~40%) so white text overlaid anywhere stays
-                Stronger base + via stop pushed to 65% so roughly two-thirds
+                legible without looking blended with the image. */}
-                of the card is in the dark zone. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-transparent" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />