.blog-card-image-link {
  display: block;
  text-decoration: none;
}

.blog-card-image {
  width: 100%;
  max-width: 360px; /* even smaller on listing */
  height: auto;
  display: block;
  border-radius: 16px;
  margin-bottom: 1rem;
}

.blog-post-image {
  width: 100%;
  max-width: 520px; /* keeps post image restrained */
  height: auto;
  display: block;
  border-radius: 16px;
}

.blog-card-title-link {
  color: inherit;
  text-decoration: none;
}

.blog-card-title-link:hover {
  text-decoration: underline;
}