<div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar-sm</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar" class="avatar  avatar-sm">
                                </div>
                                <div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar" class="avatar ">
                                </div>
                                <div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar-lg</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar" class="avatar  avatar-lg">
                                </div>
                                
                            

                                
                                    <div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar-sm</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar"
                                        class="avatar has_style1 avatar-sm">
                                </div>
                                <div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar" class="avatar has_style1">
                                </div>
                                <div class="mr-4 mb-2">
                                    <div class="text-small mb-2">avatar-lg</div>
                                    <img src="img/bg/avatar_1.png" alt="Avatar"
                                        class="avatar has_style1 avatar-lg">
                                </div>