/* Hero Blur Effects */
.hero-background {
    animation: subtle-scale 25s ease-in-out infinite alternate;
}

@keyframes subtle-scale {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.15);
    }
}

/* Optional: Add this class to enable a more dynamic animation */
.hero-background.dynamic {
    animation: dynamic-blur 15s ease-in-out infinite alternate;
}

@keyframes dynamic-blur {
    0% {
        filter: blur(calc(var(--hero-blur-amount) - 2px));
    }
    50% {
        filter: blur(calc(var(--hero-blur-amount) + 2px));
    }
    100% {
        filter: blur(var(--hero-blur-amount));
    }
}