/* Custom CSS to ensure featured images display correctly */

.featured-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.featured-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Ensure header images are properly sized */
.bg-gradient-to-r.featured-image {
  max-height: 500px;
}

/* Fix for featured images in hero headers */
header[style*="background-image"] {
  background-size: cover;
  background-position: center;
  min-height: 400px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  header[style*="background-image"] {
    min-height: 300px;
  }
}

/* Ensure image paths work correctly */
img[src^="/images/"] {
  max-width: 100%;
  height: auto;
}