.developers {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 40px;
}
.developers > div {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  column-gap: 50px;
}
.developers > div > :is(h1, h2, h3) {
  width: 100%;
}

.developers > div > .col,
.dev-project > .col {
  display: flex;
  flex-direction: column;
}
.developers > div > .col {
  gap: 5px;
}
.developers > .developer > .col {
  gap: 10px;
}
.developers > div > .col > img {
  border-radius: var(--radius-md);
}
.developers > .developer > .col > span {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-md);
}
.dev-project {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.dev-project > h3 {
  width: 100%;
}
.dev-project > .col {
  gap: 10px;
}
.dev-project > .col > a > img {
  border-radius: var(--radius-md);
}