.graduation-portrait {
  display: block;
  width: calc(var(--portrait-cols, 24) * var(--cell-w));
  max-width: 100%;
  margin-top: 0;
  margin-bottom: var(--cell-h);
  color: var(--cyan);
}

.graduation-portrait[hidden] {
  display: none !important;
}

.graduation-portrait img {
  display: block;
  width: calc(var(--portrait-cols, 24) * var(--cell-w));
  height: calc(var(--portrait-rows, 14) * var(--cell-h));
  max-width: 100%;
  background: var(--black);
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.graduation-portrait figcaption {
  margin: 0;
  color: var(--cyan);
}