User Tooltip

            <div class="flex justify-center items-center bg-gray-100 w-full min-h-screen text-gray-800">
  <div class="relative group flex justify-center items-center">
    <div class="border-2 rounded-full p-1 border-gray-500"><img src="https://uifaces.co/our-content/donated/bUkmHPKs.jpg" class="w-8 h-8 rounded-full"></div>
    <div class="absolute bottom-full transform -translate-x-2 -translate-y-2 m-2 px-4 py-8 w-44 flex flex-col items-center justify-center bg-gray-700 rounded text-white"><img src="https://uifaces.co/our-content/donated/bUkmHPKs.jpg" class="w-16 h-16 rounded-lg">
      <h2 class="font-semibold mt-2">Robert Moose</h2>
      <p class="text-gray-300">Senior Manager</p>
      <div class="absolute p-2 rounded bg-gray-700 top-full transform rotate-45 -translate-y-3"></div>
    </div>
  </div>
</div>