/* Figures that sit beside the text on wide screens and stack above it on narrow ones */
.post-body figure.side-right {
  float: right;
  max-width: 45%;
  margin: 0.3em 0 1em 1.5em;
}

/* A new section never wraps around a figure from the previous one */
.post-body h1,
.post-body h2,
.post-body h3 {
  clear: both;
}

@media screen and (max-width: 576px) {
  .post-body figure.side-right {
    float: none;
    max-width: 100%;
    margin: 0 0 1em;
  }
}