/* Featured Image Optimization for Widescreen */
article .mb-12 img {
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
  article .mb-12 img {
    max-height: 250px;
  }
}

/* Blog index featured images */
.blog-card img {
  max-height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* Ensure images load properly */
.mb-12 picture {
  display: block;
  width: 100%;
}

.mb-12 picture img {
  display: block;
  width: 100%;
}