figure-related css

section {
  counter-increment: section_count;
  counter-reset: figure_count;
}

figure {
  counter-increment: figure_count;
  margin: 2em auto;
  max-width: 600px;
  max-width: -moz-min-content;
  max-width: -webkit-min-content;
  max-width: min-content;
}
figure figcaption {
  color: #999;
  font-family: 'Stone-Humanist-SemiItalic', sans-serif;
  margin-top: -.25em;
}
figure figcaption::before {
  content: "Figure " counter(section_count) "-" counter(figure_count) ": ";
}
figure img {
  max-width: inherit;
}

figure .sidebyside {
  counter-increment: figure_count;
  margin: 2em auto;
  max-width: 600px;
  max-width: -moz-min-content;
  max-width: -webkit-min-content;
  max-width: min-content;
}
figure .sidebyside figcaption {
  font-family: 'Stone-Humanist-SemiItalic', sans-serif;
  margin-top: -.25em;
}
figure .sidebyside figcaption::before {
  content: "Figure " counter(section_count) "-" counter(figure_count) ": ";
}
figure .sidebyside img {
  max-width: inherit;
  width: 100%;
}
figure .sidebyside img :last-child {
  clear: both;
}