Как разместить картинки таким образом?

.wrapper-img {
  display: flex;
}

.img-1,
.img-2,
.img-3,
.img-4,
.img-5 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.img-1 {
  background-color: orange;
}

.img-2 {
  background-color: green;
  margin-left: -30px;
}

.img-3 {
  background-color: pink;
  margin-left: -30px;
}

.img-4 {
  background-color: lightblue;
  margin-left: -30px;
}

.img-5 {
  display: grid;
  justify-content: center;
  align-content: center;
  background-color: brown;
  font-weight: 700;
  color: white;
  margin-left: -30px;
}

<div class="wrapper-img">
  <div class="img-1"></div>
  <div class="img-2"></div>
  <div class="img-3"></div>
  <div class="img-4"></div>
  <div class="img-5">375+</div>
</div>