.card-image {
  margin: -2.4rem -2.4rem 2rem;
  overflow: hidden;
  background: #ffd8c7;
  aspect-ratio: 3 / 2;
}

.card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.article-card:hover .card-image img {
  transform: scale(1.035);
}

.blog-feature-grid .featured .card-image {
  margin: calc(clamp(2rem, 4vw, 4.2rem) * -1) calc(clamp(2rem, 4vw, 4.2rem) * -1) 2.4rem;
}

.blog-side-cards .card-image {
  margin: -1.7rem -1.7rem 1.4rem;
  aspect-ratio: 2.2 / 1;
}

.article-cover {
  width: min(100% - 40px, 1040px);
  margin: 55px auto 0;
  overflow: hidden;
  background: #ffd8c7;
  aspect-ratio: 3 / 2;
}

.article-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 650px) {
  .blog-feature-grid .featured .card-image {
    margin: -2rem -2rem 2rem;
  }

  .archive .card-image {
    margin: -1.5rem -1.5rem 1.5rem;
  }

  .article-cover {
    width: calc(100% - 24px);
    margin-top: 24px;
  }
}