i know this is gonna sound weird

I kinda noticed a small but impactful UI tweak you might want to consider. Right now, the .text on the location cards uses this :text-shadow: 1px 1px 0 rgba(0,0,0,0.35), 1px 1px 5px rgba(0,0,0,0.5);

but because your cards pull in high variance images (some bright, some dark, some low contrast), the current shadow doesn’t consistently make the text readable.

I tested this - .text { text-shadow: 0 0 7px rgba(0, 0, 0, 0.8); }

and the result is way more consistent legibility across all card backgrounds without muting the image vibrancy or needing per image tuning. but dude totally your call of course, but thought I’d flag it. Clean UX win with minimal change.

p.s: it’s not an original idea, inspired by the text-shadow of netflix subtitles.