.artwork-detail-wrapper {
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  /*grid-template-rows: 1fr 1fr;*/
  /*grid-gap: 1rem;*/

  grid-template-columns: 50% 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: 1rem;
}

.artwork-image-wrapper {
  text-align: center;
}

.artwork-main-image {
  width: 100%;
  border: 3px double grey;
  box-shadow: 3px 3px black;
}

.artwork-detail-other-images {
  text-align: center;
  grid-column: 2;
}

@media only screen and (max-width: 600px) {
  .artwork-detail-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-gap: 1rem;
  }

  .artwork-detail-other-images {
    grid-column: 1;
  }
}