/* BlurHash image styles */
.lazy-image {
    transition: filter 0.5s ease-in-out;
    filter: blur(10px);
    will-change: filter;
}

.lazy-image.loaded {
    filter: blur(0);
}

/* Ensure the container has overflow hidden to prevent blur from extending outside */
.featured-image {
    overflow: hidden;
}

/* Fix for duplicate lazy-image class issue */
.lazy-image.lazy-image {
    filter: blur(10px);
}

.lazy-image.lazy-image.loaded {
    filter: blur(0);
}