only 1 Backdrop-filter working at the time

I'm trying to make a custom theme for instagram.

screenshot

when I add the filter to the header, it stops working on the menu and vice versa. is there a way to have it working on both?

here's the code:

    /* header */
    .uo5MA{
    background: rgba(0, 0, 0, 0)!important;
    backdrop-filter: blur(10px) !important;
    border-radius: 0 0 30px 30px !important;
}

/* menu */
    ._lz6s{
    border-radius: 0 0 50px 50px !important;
    border: 0;
    background-color: rgba(0, 0, 0, 0) !important;
}