One Million Happy Customers

1<div class="happy-customers">
2  <div class="avatars">
3    <img src="https://img.freepik.com/free-photo/stylish-african-american-woman-smiling_23-2148770405.jpg" alt="Customer 1" class="avatar">
4    <img src="https://thumbs.dreamstime.com/b/beautiful-african-american-woman-relaxing-outside-happy-middle-aged-smiling-46298787.jpg" alt="Customer 2" class="avatar">
5    <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">
6  </div>
7  <span class="text">1,000,000+ HAPPY CUSTOMERS</span>
8</div>
9
10<style>
11.happy-customers {
12  display: flex;
13  align-items: center;
14background-image: linear-gradient(45deg, #1cbcc3, #4abf8f 80%);
15  border-radius: 5px;
16  padding: 5px 15px;
17  font-family: Arial, sans-serif;
18  font-size: 12px;
19  color: white;
20  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
21}
22
23.avatars {
24  display: flex;
25  margin-right: 10px;
26margin-left: 10px
27}
28
29.avatar {
30  width: 22px;
31  height: 22px;
32  border-radius: 50%;
33  border: 2px solid white;
34  margin-left: -7px; 
35 object-fit: cover;
36}
37
38.text {
39  font-weight: bold;
40  text-transform: uppercase;
41  letter-spacing: 1px;
42}
43
44</style>