#voice > div > div:first-child,
#taskflow > div > div:first-child,
#skills > div > div:first-child,
#multilingual > div > div:first-child,
#trust > div > div:first-child {
  position: relative;
  box-sizing: border-box;
  min-height: 340px;
  padding-right: min(50%, 580px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#voice > div > div:first-child h2,
#taskflow > div > div:first-child h2,
#skills > div > div:first-child h2,
#multilingual > div > div:first-child h2,
#trust > div > div:first-child h2 {
  margin-bottom: 8px !important;
}

#voice > div > div:first-child p,
#taskflow > div > div:first-child p,
#skills > div > div:first-child p,
#multilingual > div > div:first-child p,
#trust > div > div:first-child p {
  margin-top: 0 !important;
}

#voice > div > div:first-child::after,
#taskflow > div > div:first-child::after,
#skills > div > div:first-child::after,
#multilingual > div > div:first-child::after,
#trust > div > div:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: min(120%, 504px);
  aspect-ratio: 1070 / 670;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  mix-blend-mode: multiply;
  opacity: 0.9;
  filter: saturate(1.08) contrast(1.03);
  transform: translateY(-50%);
}

#voice > div > div:first-child::after {
  width: min(120%, 540px);
  background-image: url("./section-voice.png");
}

#taskflow > div > div:first-child::after {
  width: min(120%, 468px);
  background-image: url("./section-taskflow.png");
}

#skills > div > div:first-child::after {
  width: min(120%, 468px);
  background-image: url("./section-skills.png");
}

#multilingual > div > div:first-child::after {
  width: min(120%, 516px);
  background-image: url("./section-multilingual.png");
}

#trust > div > div:first-child::after {
  width: min(120%, 492px);
  background-image: url("./section-trust.png");
}

@media (max-width: 767px) {
  #voice > div > div:first-child,
  #taskflow > div > div:first-child,
  #skills > div > div:first-child,
  #multilingual > div > div:first-child,
  #trust > div > div:first-child {
    min-height: 0;
    padding-right: 0;
    display: block;
  }

  #voice > div > div:first-child::after,
  #taskflow > div > div:first-child::after,
  #skills > div > div:first-child::after,
  #multilingual > div > div:first-child::after,
  #trust > div > div:first-child::after {
    position: relative;
    top: auto;
    right: auto;
    margin: 28px auto 0;
    width: min(92vw, 432px);
    opacity: 0.88;
    transform: translateY(32px);
  }
}