Team Grid Circular UI

<div class="max-w-4xl mx-auto flex flex-wrap justify-center gap-12">
        <div class="text-center group cursor-pointer">
            <div
                class="w-32 h-32 rounded-full overflow-hidden border-4 border-slate-50 group-hover:border-indigo-600 transition-all duration-500 mb-6 mx-auto p-2">
                <img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=200"
                    class="w-full h-full object-cover rounded-full grayscale group-hover:grayscale-0 transition-all duration-500">
            </div>
            <h5 class="font-bold text-slate-900 text-lg">Alex Rivera</h5>
            <p class="text-indigo-600 font-black text-[9px] uppercase tracking-widest mt-1">Lead Designer</p>
        </div>
        <div class="text-center group cursor-pointer">
            <div
                class="w-32 h-32 rounded-full overflow-hidden border-4 border-slate-50 group-hover:border-rose-500 transition-all duration-500 mb-6 mx-auto p-2">
                <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200"
                    class="w-full h-full object-cover rounded-full grayscale group-hover:grayscale-0 transition-all duration-500">
            </div>
            <h5 class="font-bold text-slate-900 text-lg">Elena Vance</h5>
            <p class="text-rose-500 font-black text-[9px] uppercase tracking-widest mt-1">Product Manager</p>
        </div>
        <div class="text-center group cursor-pointer">
            <div
                class="w-32 h-32 rounded-full overflow-hidden border-4 border-slate-50 group-hover:border-emerald-500 transition-all duration-500 mb-6 mx-auto p-2">
                <img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200"
                    class="w-full h-full object-cover rounded-full grayscale group-hover:grayscale-0 transition-all duration-500">
            </div>
            <h5 class="font-bold text-slate-900 text-lg">Marcus Zhou</h5>
            <p class="text-emerald-500 font-black text-[9px] uppercase tracking-widest mt-1">Senior Dev</p>
        </div>
    </div>