          src="../images/avatar/image-04.jpg"
              alt="avatar"
              class="h-full w-full rounded-full object-cover object-center"
            />
            <span
              class="absolute right-0 top-0 block h-[15px] w-[15px] rounded-full border-[2.7px] border-white bg-[#219653] dark:border-dark"
            ></span>
          </div>
          <div class="relative h-20 w-20 rounded-full">
            <img
              src="../images/avatar/image-05.jpg"
              alt="avatar"
  