<div class="badge-container">
          <img src="../../../website-docs/images/profilePicture.png" alt="profile-photo" class="avatar" />
          <div class="badge color-bg-success"></div>
        </div>
        <div class="badge-container">
          <img src="../../../website-docs/images/profilePicture.png" alt="profile-photo" class="avatar" />
          <div class="badge color-bg-error "></div>
        </div>
        <div class="badge-container">
          <img src="../../../website-docs/images/profilePicture.png" alt="profile-photo" class="avatar" />
          <div class="badge   color-bg-offline  "></div>
        </div>
        <div class="badge-container">
          <img src="../../../website-docs/images/profilePicture.png" alt="profile-photo" class="avatar avatar-sm" />
          <div class="badge color-bg-success"></div>
        </div>