@media (min-width: 701px) and (max-width: 900px) {
  .skills-heading {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
    gap: 42px;
  }

  .skills-heading h2 {
    font-size: clamp(52px, 7.5vw, 74px);
  }

  .skill-poster {
    width: clamp(286px, 40vw, 340px);
    height: clamp(430px, 58vw, 520px);
  }

  .skill-poster-content h3 {
    font-size: clamp(32px, 4vw, 40px);
  }
}