/* Keep the class captions in normal flow below the photo. */
.table-showcase .table-visual {
  min-height: 0;
  align-self: center;
}

.table-showcase .table-visual::after {
  display: none;
}

.table-showcase .table-visual > img {
  display: block;
  width: 100%;
  height: auto;
}

.table-photo-captions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: 12px;
  padding: 16px;
}

.table-photo-captions .table-live-badge,
.table-photo-captions .table-life-note {
  position: static;
  min-width: 0;
  transform: none;
}