section.what-we-do {
  flex-direction: column;
  margin: 3rem auto;
  gap: 3rem;
}

section.what-we-do .wrapper {
  width: 70%;
  flex-direction: column;
}

section.what-we-do .wrapper-img {
  width: 100%;
  height: 40rem;
}

section.what-we-do .wrapper-content {
  width: 100%;
  max-height: 20rem;
  transition: all 400ms linear;
  position: relative;

  overflow: hidden;
}

section.what-we-do .wrapper-content:not(.open).shadow::after {
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6rem;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.116),
    white
  );
}

section.what-we-do .wrapper-content.open {
  max-height: 150rem;
}

section.what-we-do ol {
  list-style: upper-roman;
  padding-left: 3rem;
  
}

section.what-we-do ol li {
  margin: 0.3rem 0;
}

@media (max-width: 800px) {
  section.what-we-do .wrapper {
    width: 90%;
  }
}

@media (max-width: 500px) {
  section.what-we-do .wrapper {
    width: 100%;
  }
}