@media (min-width: 64em) {
  #topwork-section {
    max-width: 144rem;
    margin: 0 auto;
  }

  .grid-work {
    display: grid;
    max-width: 144rem;
    margin: 0 auto;
  }

  .grid-img-container {
    grid-row: 1;
  }

  .grid-txt-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    transform: translateY(-2px);
  }

  #topwork-section {
    min-height: 76.8rem;
  }

  .work-detail-container {
    margin: auto;
    padding: 2rem 4rem 0 4rem;
  }

  .overview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
  }
}

@media (min-width: 90em) {
  .grid-txt-container {
    max-width: 144rem;
    margin: 0 auto;
  }

  .work-detail-container {
    padding: 2rem 8.4rem 0 8.4rem;
  }

  #topwork-section {
    min-height: 104rem;
  }

  .client-txt-container {
    max-width: 80rem;
    margin: 0 auto;
    left: unset;
  }

  .work-detail-top {
    width: 48rem;
  }

  .work-detail-bottom {
    width: 55rem;
  }
}