[WIP] Refactor: mobile map school card

[yjshin229]

const SchoolImage = (props: any) => (
<Image
src={props.src}
alt={props.alt}
placeholder="blur"
blurDataURL={blurDataURL}
width={1000}
height={500}
className={h-40 max-h-[20vh] rounded-l-2xl object-cover md:max-h-none md:rounded-b-lg md:rounded-t-2xl ${props.className ? props.className : ""}}
/>
);

Is there a reason why the image's max height is set to 20vh here?
This is causing a blank space in the card when the card height is longer. (it becomes longer when it has the high priority badge or the school name is long + the learn more button)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
support-sfusd	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 30, 2024 9:51am