<div class="happy-customers">
    <div class="avatars">
      <img src="https://img.freepik.com/free-photo/stylish-african-american-woman-smiling_23-2148770405.jpg" alt="Customer 1" class="avatar">
      <img src="https://thumbs.dreamstime.com/b/beautiful-african-american-woman-relaxing-outside-happy-middle-aged-smiling-46298787.jpg" alt="Customer 2" class="avatar">
      <img src="https://media.istockphoto.com/id/1320651997/photo/young-woman-close-up-isolated-studio-portrait.jpg?s=612x612&w=0&k=20&c=lV6pxz-DknISGT2jjiSvUmSaw0hpMDf-dBpT8HTSAUI=" alt="Customer 3" class="avatar">
    </div>
    <span class="text">1,000,000+ HAPPY CUSTOMERS</span>
  </div>
  
  <style>
  .happy-customers {
    display: flex;
    align-items: center;
  background-image: linear-gradient(45deg, #1cbcc3, #4abf8f 80%);
    border-radius: 5px;
    padding: 5px 15px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .avatars {
    display: flex;
    margin-right: 10px;
  margin-left: 10px
  }
  
  .avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid white;
    margin-left: -7px; 
   object-fit: cover;
  }
  
  .text {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  </style>