.image {
  display: block;
}
.image.is-left {
  float: left;
}
.image.is-right {
  float: right;
}
.image.is-centered {
  margin-left: auto;
  margin-right: auto;
}
.image.is-circle {
  border-radius: 50%;
}

.figure {
  padding: $spacing-lg;
  background: $off-white;
  margin: $spacing-xl 0;
}

.figure__image {
  display: block;
  margin: 0 auto;
}

.figure__caption {
  @extend .text;
  @extend .is-shy;
  font-style: italic;
  text-align: center;
  padding: $spacing-lg;
  padding-bottom: 0;
}