/* Keep the complete before-and-after images visible instead of cropping them. */
.before-after figure {
  width: 100%;
  height: auto;
  margin: 0;
  background: #d7ded1;
}

.before-after img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top center;
}

/* The second before-and-after photo should show from top to bottom as well. */
.about img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top center;
}