// Figures displayed in articles

figure
  border: 2px solid rgba(200, 200, 200, 0.7)
  border-radius: 0.35em
  margin: 0 1em 1em 1em
  display: inline-block
  position: relative
  overflow: hidden
  top: 0.25em

  img
    display: block
    width: 100%

  figcaption
    display: block
    background-color: rgba(200, 200, 200, 0.7)
    text-align: center
    font-style: italic
    font-size: small

  &.left
    float: left
    margin-left: 0
    margin-right: 1.5em
    max-width: 40%

  &.right
    float: right
    margin-left: 1.5em
    margin-right: 0
    max-width: 40%