<span class="avatar cover-image brround" data-image-src="../assets/images/users/male/12.jpg"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/male/13.jpg"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/11.jpg"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/12.jpg"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/male/14.jpg"></span>

<span class="avatar cover-image avatar-sm brround" data-image-src="background-image: url(./../assets/images/users/male/15.jpg)"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/13.jpg"></span>
<span class="avatar cover-image avatar-md brround" data-image-src="../assets/images/users/male/16.jpg"></span>
<span class="avatar cover-image avatar-lg brround" data-image-src="../assets/images/users/male/17.jpg"></span>
<span class="avatar cover-image avatar-xl brround" data-image-src="../assets/images/users/female/14.jpg"></span>
<span class="avatar cover-image avatar-xxl brround" data-image-src="../assets/images/users/male/18.jpg"></span>

<span class="avatar cover-image brround" data-image-src="../assets/images/users/male/19.jpg"></span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/15.jpg">
  <span class="avatar-status"></span>
</span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/male/20.jpg">
  <span class="avatar-status bg-red"></span>
</span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/16.jpg">
  <span class="avatar-status bg-green"></span>
</span>
<span class="avatar cover-image brround" data-image-src="../assets/images/users/female/17.jpg">
  <span class="avatar-status bg-yellow"></span>
</span>

<div class="avatar-list avatar-list-stacked">
  <span class="avatar cover-image brround" data-image-src="../assets/images/users/female/12.jpg"></span>
  <span class="avatar cover-image brround" data-image-src="../assets/images/users/female/21.jpg"></span>
  <span class="avatar cover-image brround" data-image-src="../assets/images/users/female/29.jpg"></span>
  <span class="avatar cover-image brround" data-image-src="../assets/images/users/female/2.jpg"></span>
  <span class="avatar cover-image brround" data-image-src="../assets/images/users/male/34.jpg"></span>
  <span class="avatar cover-image brround">+8</span>
</div>