ource.boringavatars.com/beam/5?square" />
</div>
<div
  class="relative flex h-16 w-16 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-lg font-bold uppercase text-gray-800">
  <img
    class="h-full w-full rounded-full object-cover object-center"
    src="https://source.boringavatars.com/beam/6?square" />
</div>
<div
  class="relative flex h-20 w-20 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-xl font-bold uppercase text-gray-800">
  <img
    