<section class="px-4 py-12">
<div class="mx-auto max-w-sm">
<!--π TEAM MEMBER CARD π -->
<a class="group block cursor-pointer text-center">
<img width="600" height="600" class="aspect-[2/2] rounded-lg object-cover" src="https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=800" alt="team member" />
<div class="p-2">
<h3 class="text-xl font-bold text-gray-900 group-hover:text-red-500">Jessica Doe</h3>
<div class="mt-1 text-sm text-gray-700">FOUNDER & CEO</div>
</div>
</a>
<!--π ---------------- π-->
</div>
</section>