.insight-card-image {
  width: calc(100% + 68px);
  height: 250px;
  margin: -34px -34px 30px;
  object-fit: cover;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.article-feature-image {
  width: min(1240px, calc(100% - 48px));
  margin: 30px auto 0;
}

.article-feature-image img {
  width: 100%;
  height: clamp(360px, 48vw, 650px);
  object-fit: cover;
  border-radius: var(--radius-xl);
}

.article-feature-image figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 850px) {
  .insight-card-image {
    width: calc(100% + 52px);
    height: 220px;
    margin: -26px -26px 26px;
  }

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

  .article-feature-image img {
    height: 310px;
    border-radius: var(--radius-lg);
  }
}