<div class="avatar-w-badge">
    <img class="round-avatar" src="https://i.pravatar.cc/150?img=4" alt="">
    <span class="badge badge-online"></span>
</div>

<div class="avatar-w-badge">
    
    <img class="round-avatar"  src="https://i.pravatar.cc/100?img=4" alt="">
    <span class="badge badge-offline"></span>
</div>