/* Photo + text column widths: Tailwind md:w-3/5 + md:w-2/5; Bootstrap had only w-100. */
.page-blog-post-v19-figure,
.page-blog-post-v19-text {
  width: 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .page-blog-post-v19-figure {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .page-blog-post-v19-text {
    flex: 0 0 40%;
    max-width: 40%;
  }
}

/* Tailwind h-64 / md:h-80 + object-cover. */
.page-blog-post-v19-figure img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
}

@media (min-width: 768px) {
  .page-blog-post-v19-figure img {
    height: 20rem;
  }
}