.commission-media-container {
  margin-top: var(--minim);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--quaver);
}

.commission-media-image {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: cover;
  z-index: 5;
}

.image-link-wrapper.sketch::before,
.image-link-wrapper.progress_shot::before,
.image-link-wrapper.finished_artwork::before {
  display: inline-block;
  content: "Sketch";
  font-family: var(--font-sans);
  color: var(--shw);
  background-color: rgb(from var(--mb) r g b / 0.4);
  border-radius: var(--quaver);
  padding: var(--quaver) var(--crotchet);
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10;
}

.image-link-wrapper.sketch::before {
  content: "Sketch";
}

.image-link-wrapper.progress_shot::before {
  content: "Progress Shot";
}

.image-link-wrapper.finished_artwork::before {
  content: "Finished Artwork";
}