@media (max-width: 820px) {
  .artwork-detail-gallery--purebato {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 10px;
  }

  .artwork-detail-gallery--purebato figure,
  .artwork-detail-gallery--purebato figure:nth-child(4) {
    grid-column: span 6;
    margin-top: 0;
  }

  .artwork-detail-gallery--purebato figure:nth-child(n + 5):nth-child(-n + 8) {
    grid-column: span 4;
    aspect-ratio: 3 / 4;
  }

  .artwork-detail-gallery--purebato figure:nth-child(5) {
    grid-column: 1 / span 4;
  }

  .artwork-detail-gallery--purebato figure:nth-child(n + 9),
  .artwork-detail-gallery--purebato figure:nth-child(11) {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .artwork-detail-gallery--purebato img,
  .artwork-detail-gallery--purebato figure:nth-child(n + 4) img,
  .artwork-detail-gallery--purebato figure:nth-child(n + 5):nth-child(-n + 8) img,
  .artwork-detail-gallery--purebato figure:nth-child(n + 9) img {
    width: 100%;
    max-width: none;
  }

  .artwork-detail-gallery--purebato figure:nth-child(n + 5):nth-child(-n + 8) img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}