<span class="avatar  brround" style="background-image: url(./../assets/images/faces/male/12.jpg)"></span>
<span class="avatar  brround" style="background-image: url(../assets/images/faces/male/13.jpg)"></span>
<span class="avatar  brround" style="background-image: url(../assets/images/faces/female/11.jpg)"></span>
<span class="avatar  brround" style="background-image: url(../assets/images/faces/female/12.jpg)"></span>
<span class="avatar  brround" style="background-image: url(../assets/images/faces/male/14.jpg)"></span>

<div class="avatar-list avatar-list-stacked">
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/12.jpg)"></span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/21.jpg)"></span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/2.jpg)"></span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/male/34.jpg)"></span>
<span class="avatar brround cover-image">+8</span>
</div>

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

<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/male/19.jpg)"></span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/15.jpg)">
<span class="avatar-status"></span>
</span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/male/20.jpg)">
<span class="avatar-status bg-red"></span>
</span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/16.jpg)">
<span class="avatar-status bg-green"></span>
</span>
<span class="avatar brround cover-image" style="background-image: url(../assets/images/faces/female/17.jpg)">
<span class="avatar-status bg-yellow"></span>
</span>