section.our-team {
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  background-image: url("../img/flow-bg-1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

section.our-team .content {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

section.our-team .content p {
  width: 100%;
  text-align: justify;
}

section.our-team .wrapper {
  width: 80%;
}
section.our-team .wrapper-img img {
  object-fit: contain;
}

section.our-team .wrapper p {
  width: 100%;
  text-align: left;
}

section.our-team p {
  width: 50%;
  text-align: center;
}

section.our-team .team-members {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

section.our-team .member {
  width: 25rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: var(--radius-400);
  padding: 0.7rem;
  /* background-color: var(--clr-gray-100); */
  background-color: rgba(255, 192, 203, 0.216);
}

section.our-team .member-img {
  width: 100%;
  height: 25rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: var(--radius-200);
  overflow: hidden;
}

section.our-team .member-img img {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}

section.our-team .member-name {
  width: 100%;
  font-size: clamp(1.7rem, 5vw, 2.3rem);
  font-weight: 600;
  color: var(--clr-primary);
}

section.our-team .member-position {
  width: 100%;
  color: var(--clr-gray-d300);
  font-weight: 600;
}

@media (max-width: 900px) {
  section.our-team {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  section.our-team .wrapper {
    width: 100%;
  }

  section.our-team .content {
    width: 80%;
  }

  section.our-team .team-members {
    width: 100%;
    justify-content: center;
  }

  section.our-team .member {
    width: 20rem;
    height: 25rem;
  }

  section.our-team .member-img {
    width: 100%;
    height: 18rem;
  }

  section.our-team p {
    width: 70%;
  }
}

@media (max-width: 500px) {
  section.our-team .content {
    width: 100%;
  }

  section.our-team p {
    width: 100%;
  }
}