<div class="preview-top-participants">
  <header class="section-sub-header-display">
    <h3 class="section-title">
      Top Participants
    </h3>
  </header>
  <!-- /section-sub-header-display -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/custom-avatar-1.png" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/custom-avatar-3.png" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/custom-avatar-4.png" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/custom-avatar-5.png" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->

  <div class="list-item-top-participant">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/custom-avatar-6.png" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="user-ranking-rating"><strong>375</strong> ± 0</div>
  </div>
  <!-- /list-item-top-participant -->
  
</div>