/* Responsive image rows (e.g., 8 tiny Elvis) */

.image-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.25rem;

  /* Always keep a single row and always fit within the viewport */
  overflow-x: hidden;
}

.image-row img {
  height: auto;

  /* Force 8 images to share the row width (shrink as needed). */
  flex: 1 1 0;
  min-width: 0;
  width: calc((100% - 7 * 0.25rem) / 8);
  max-width: 110px;
}