Two-tiered responsive card layout

This Tailwind CSS code creates a responsive three column card layout on large screens that condenses to two columns on medium screens and a single column on small screens. Each card contains a header with a name, role and status indicator, an image, and a two-tiered footer with email and call links.