<!-- badge on avatar -->
        <div class="badge-on-avatar-container">
          <div class="avatar-md">
            <img
              src="/images/avatar-img.svg"
              alt="profile"
              class="avatar-img-md"
            />
            <div class="badge-on-avatar-notify flex-row-center">
              <span>8</span>
            </div>
          </div>
        </div>

        <div class="badge-on-avatar-container">
          <div class="avatar-md">
            <img
              src="/images/avatar-img.svg"
              alt="profile"
              class="avatar-img-md"
            />
            <div class="badge-on-avatar-status"></div>
          </div>
        </div>
      </div>