Mobile Menu Issue

Hi,

I want to increase the logo on the mobile menu.

I am using css for this.

.site-logo.mobile-header-logo a img {
height: 70px;
}

I notice you can also set the mobile logo size by going to customize> layout > primary navigation > menu item height (for mobile).

I have a header with a background image, which has the following CSS:

.header-wrap{
background-image: url("https://www.hundetraining-mit-roya.at/staging/wp-content/uploads/2023/04/wave_transparent_3.png");
background-size: 100% 100%;
background-repeat: none;
padding-bottom: 70px;
}

My problem is if I increase the mobile logo height in CSS the wave background height also increases. I want it to remain the same. How to I do this?

I also would like the sandwich icon for the mobile menu to be larger.