/* Blog Teaser – Featured Image Container */
.blog-featured-img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #f3f4f6;
}

/* Fallback for older browsers without aspect-ratio support */
@supports not (aspect-ratio: 16 / 9) {
  .blog-featured-img {
    padding-top: 56.25%;
    height: 0;
  }
}

.blog-featured-img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}