ext-xs font-bold uppercase text-gray-800">
  <img
    class="h-full w-full rounded-full object-cover object-center"
    src="https://source.boringavatars.com/beam/2?square" />
</div>
<div
  class="relative flex h-10 w-10 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-sm font-bold uppercase text-gray-800">
  <img
    class="h-full w-full rounded-full object-cover object-center"
    src="https://source.boringavatars.com/beam/3?square" />
</div>
<div
  class="relative flex h-12 