/* Floats let following paragraphs wrap naturally; each body contains its own images. */
.docs-body {
  display: flow-root;
}
.docs-placed-image {
  display: block;
  max-width: 100%;
  margin: 1em auto;
}
.docs-placed-image[data-align="left"] {
  float: left;
  margin: 0.25em 1.25em 1em 0;
}
.docs-placed-image[data-align="right"] {
  float: right;
  margin: 0.25em 0 1em 1.25em;
}
.docs-placed-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
}
.docs-image-caption {
  display: block;
  margin-top: 0.4em;
  font-size: 0.85em;
  opacity: 0.8;
}
@media (max-width: 540px) {
  .docs-placed-image[data-align] {
    float: none;
    margin: 1em auto;
  }
}