.project-about {
  --gap: 6.4vw;
}
@media (min-width: 720px) {
  .project-about {
    --gap: 2.5vw;
  }
}
@media (min-width: 1281px) {
  .project-about {
    --gap: 1.6666666667vw;
  }
}
@media (min-width: 2400px) {
  .project-about {
    --gap: 40px;
  }
}
.project-about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--gap);
}