.project-detail-container {
  margin-top: 70px;
  @media screen and (max-width: 1024px) {
    margin-top: 200px;
  }

  .project-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 4rem;

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
      gap: 1.625rem;
    }

    .project-detail-header {
      grid-column: 1 / -1;
    }

    .project-detail-header .project-title {
      margin-block-start: 3rem;
      margin-block-end: 6.25rem;
      line-height: 1.2;

      @media (max-width: 768px) {
        margin-block-end: 3rem;
      }
    }

    .text-container {
      display: flex;
      flex-direction: column;
    }

    .image-gallery-container {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }

    .project-gallery {
      display: flex;
      flex-direction: column;
      gap: 1.625rem;

      img {
        object-fit: cover;
        border-radius: 3px;
        height: 340px;
        width: 490px;
      }
    }
  }
}

.project-detail-container img {
  object-fit: cover;
  aspect-ratio: 16/9;
  height: 70vh;
  width: 100%;
  border-radius: 3px;

  @media (max-width: 1024px) {
    height: auto;
  }
}