      <div class="flex justify-center items-center w-40 h-40 bg-blue-50 rounded-lg">
        <div class="flex flex-col justify-center items-center w-4/5 h-4/5 bg-white rounded-lg shadow-md">
          <picture class="w-2/5 h-auto mb-1.5">
            <img src="https://randomuser.me/api/portraits/women/24.jpg" alt="" class="rounded-full" />
          </picture>
          <h3 class="text-xs text-gray-800 font-medium tracking-tight mb-1.5">Mary kyles</h3>
          <button class="text-gray-700 hover:bg-blue-50