User avatar 
<div class="user-rating-0">
  <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
</div>
User avatar 
<div class="user-rating-0 user-rating-md">
  <img class="avatar" src="./../../assets/images/custom-avatar-2.png" alt="User avatar">
</div>
User avatar 
<div class="user-rating-0 user-rating-lg">
  <img class="avatar" src="./../../assets/images/custom-avatar-3.png" alt="User avatar">
</div>
For use when a user is not a member, e.g. invited to a team via email. user-rating-0 to user-rating-5 all use the same stylesheet: _user-rating.scss