1. Basic avatar icon:

            
                <div class="avatar-container">
                    <img class="avatar avatar-one" src="pic source">
                    <img class="avatar avatar-two" src="pic source">
                    <img class="avatar avatar-three" src="pic source">
                    <img class="avatar avatar-four" src="pic source">
                    <img class="avatar avatar-five" src="pic source">
                </div>
            
        

2. Fallback:

            
                <div class="avatar-container">
                    <p class="avatar avatar-name avatar-one"<parul>/p>
                    <p class="avatar avatar-name avatar-two"<rajat>/p>
                    <p class="avatar avatar-name avatar-three"<john>/p>
                    <p class="avatar avatar-name avatar-four"<IB>/p>
                    <p class="avatar avatar-name avatar-five"<stacy>/p>
                </div>
            
        

3. Avatars with different sizes:

            
                <div class="avatar-container">
                    <img class="avatar size-small" src="pic source" >
                    <img class="avatar size-medium" src="pic source" >
                    <img class="avatar size-l" src="pic source" >
                    <img class="avatar size-xl" src="pic source" >
                    <img class="avatar size-xxl" src="pic source" >
                </div>