<div class="preview-participants">
  <h4 class="participants-title">Participants</h4>
  <div class="participants-content">
    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-5 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-2.png" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-4 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-4.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-5 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-2.png" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-4 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-4.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-5 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-2.png" alt="User avatar">
    </a>

    <a class="user-rating-3 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-4 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/custom-avatar-4.png" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <a class="user-rating-1 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
    </a>

    <a class="user-rating-2 user-rating-sm" href="/">
      <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
    </a>

    <div class="circle-value">
      <span class="circle-value-content">...</span>
    </div>
  </div>
</div>