.image-float img {
  width: 15rem;
  flex-shrink: 1;
  display: block;
  margin: 0 auto;
}

.image-float figure {
  display: block;
  margin: 0 auto;
}

.image-float p {
  flex-grow: 2;
}

figcaption {
  font-size: 0.85rem;
  text-align: center;
}

@media screen and (min-width: 40rem) {
  .image-float {
    flex-wrap: nowrap;
  }

  .image-float img {
    width: 15rem;
    flex-shrink: 1;
    float: left;
    margin-right: 1rem;
  }

  .image-float figure {
    display: block;
    margin: 0 auto;
    float: left;
  }
}