.article-hero {
  position: relative;
  height: 60vh;
  width: 100%;
  overflow: hidden;
}

.article-hero .wp-block-post-featured-image img {
  width: 100%;
  height: 60vh;
  object-fit: contain;
  object-position: center center;
  display: block;
}

.article-header-text h2 {
  font-size: 1.8rem;
  color: var(--primary);
  margin-bottom: 25px;

}

.article-content {
  max-width: 1000px;
  margin: 25px auto;
  padding: 0 25px;
}

.article-hero:not(:has(img)) {
  background: var(--primary);
  height: 70px;
}