User avatar 
<div class="user-rating-5">
  <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
</div>
User avatar 
<div class="user-rating-5 user-rating-md">
  <img class="avatar" src="./../../assets/images/custom-avatar-2.png" alt="User avatar">
</div>
User avatar 
<div class="user-rating-5 user-rating-lg">
  <img class="avatar" src="./../../assets/images/custom-avatar-3.png" alt="User avatar">
</div>
user-rating-1 to user-rating-5 all use the same stylesheet: _user-rating.scss