.hero-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: transparent;
    z-index: -100;
}

.hazy {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}