@media (min-width: 64em) {
  .work-detail-container {
    display: none;
    visibility: hidden;
    opacity: 0;
  }

  .work-img-container {
    margin-bottom: 10rem;
  }

  .desktop-img-container {
    background-color: #000;
    padding: 8rem 4rem;

    display: grid;
    grid-template-columns: 0.8fr 1fr;
    gap: 4rem;
  }

  .left-column {
    display: flex;
    flex-direction: column;
    gap: 12rem;
  }

  .right-column {
    display: block;
    visibility: visible;
    opacity: 1;

    margin: auto;
  }

  .Chanothai-img-desktop1,
  .Chanothai-img-desktop2 {
    width: 100%;
    object-fit: contain;
  }

  .Chanothai-logo,
  .cloths-img,
  .scissors {
    display: none;
    visibility: hidden;
    opacity: 0;
  }

  .client-name-detail {
    margin-bottom: 4.8rem;
  }

  .work-detail {
    color: #fff;
    width: 56rem;
  }

  .cloths-img-desktop {
    display: block;
    visibility: visible;
    opacity: 1;

    transform: none;
    width: 40rem;
    margin: 4.8rem 0;
  }
}

@media (min-width: 90em) {
  .Chanothai-img-container {
    background-color: #000;
  }

  .desktop-img-container {
    gap: 6.4rem;
    max-width: 144rem;
    margin: 0 auto;
  }

  .cloths-img-desktop {
    width: 56rem;
    margin: 6.4rem 0;
  }
}