Send logo behind forced mobile menu

I have implemented a forced mobile menu and blurred the page background behind it. However, the header logo still appears over the mobile menu. I would like it to stay behind the menu overlay and blur like the rest of the site.

https://alligator-wolf-4f6e.squarespace.com/config/

Password: marketing

marketing

https://alligator-wolf-4f6e.squarespace.com/?noredirect

You can use this CSS code

body.header--menu-open header#header img {
    visibility: hidden;
}

Thank you, Tuan! I was hoping to just have the menu overlap the logo not hide it completely, like on this website: https://sealco.ca/

Thank you, Tuan! That works great!