<div class="avatar avatar-xx-lg">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-lg">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-lg">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-md">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-sm">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-sm">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>