.blog-section .post-media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f5f3f0;
}

.blog-section .post-media > a {
  display: block;
  width: 100%;
  height: 100%;
}

.blog-section .post-media picture { display: block; width: 100%; height: 100%; }

.blog-section .post-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.blog-section > [class*="col-"] { display: flex; }
.blog-section .post { display: flex; flex-direction: column; width: 100%; }
.blog-section .post-body { display: flex; flex: 1; flex-direction: column; }
.blog-section .post-content { flex: 1; }
.blog-section .post-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blog-section .post-comment { align-self: flex-start; margin-top: 14px; }