ss="relative flex h-10 w-10 shrink-0 select-none items-center justify-center rounded bg-gray-100 text-sm font-bold uppercase text-gray-800">
  <img
    class="h-full w-full rounded object-cover object-center"
    src="https://source.boringavatars.com/beam/4?square" /><span
    aria-hidden="true"
    class="absolute bottom-0 right-0 h-2 w-2 rounded bg-green-500 ring ring-white"></span>
</div>
