.user-avatar-content {
    position: relative; /* Allows positioning of child elements */
  }
  
  .user-avatar-badge-top-left {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px; /* Adjust size as needed */
    height: 30px; /* Adjust size as needed */
  }
  
  .badge-image {
    width: 100%; /* Makes sure the image fits within the badge container */
    height: 100%; /* Ensures the image maintains the correct aspect ratio */
    object-fit: contain; /* Ensures the image fits without distortion */
  }