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