.image-block {
  width: 100%;
}

.image-block .media {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

.image-block .media picture {
  display: block;
}

.image-block .media img {
  display: block;
  height: auto;
  max-width: 100%; /* Prevent overflow on small screens */
}

.image-block .media figcaption {
  margin-top: 20px;
  font: var(--font-16-24-gotham-book);
  color: var(--off-black);
}