<div class="badge__container">
    <img class="avatar avatar--xsm" src="../../assets/avatarimg.jpg" alt="avatar-image" />
    <span class="badge__avatar badge__avatar--xsm"></span>
</div>

<div class="badge__container">
    <img class="avatar avatar--sm" src="../../assets/avatarimg.jpg" alt="avatar-image" />
    <span class="badge__avatar badge__avatar--sm"></span>
</div>

<div class="badge__container">
    <img class="avatar avatar--md" src="../../assets/avatarimg.jpg" alt="avatar-image" />
    <span class="badge__avatar badge__avatar--md"></span>
</div>

<div class="badge__container">
    <img class="avatar avatar--lg" src="../../assets/avatarimg.jpg" alt="avatar-image" />
    <span class="badge__avatar badge__avatar--lg"></span>
</div>

<div class="badge__container">
    <img class="avatar avatar--xlg" src="../../assets/avatarimg.jpg" alt="avatar-image" />
    <span class="badge__avatar badge__avatar--xlg"></span>
</div>