<div class="img_avatar_set">
    <div class="relative-wrap">
        <img class="img-avatar small" src="https://picsum.photos/200" alt="" />
        <div class="circle bottom-right"></div>
    </div>
    <div class="relative-wrap">
        <img class="img-avatar medium" src="https://picsum.photos/200" alt="" />
        <div class="circle bottom-right online"></div>
    </div>
    <div class="relative-wrap">
        <img class="img-avatar large" src="https://picsum.photos/200" alt="" />
        <div class="circle bottom-right issue"></div>
    </div>
    <div class="relative-wrap">
        <img class="img-avatar largest" src="https://picsum.photos/200" alt="" />
        <div class="circle bottom-right offline"></div>
    </div>
</div>