/* Thumbnail images in tables (e.g. ROSCon talks) */
.center-table td img {
  width: 250px;
  height: auto;
  border-radius: 4px;
}

.center-table td:first-child {
  width: 30%;
}

/* For paired images */
.flex-images {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 10px;

  /* Use multiple children to make sure
  it will work with/without the glightbox plugin
  and for images with captions */
  & > a.glightbox,
  & > figure,
  & > img {
    display: flex;
    flex-direction: column;
    flex: 1 1 10rem;
    height: auto;
    width: 50%;
  }
}