/**
 * Custom CSS effects for the frontend
 */

/* Blurred image effect */
.blurred-image {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transition: filter 0.3s ease;
}

/* Optional: Add hover effect to temporarily remove blur when hovering */
.blurred-image:hover {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}