SVG logo should change when hamburger menu open


I am working on a website:
As you can see there are 2 logos on the top.
The second one should only be displayed if the hamburget menu is open, and the first one should be hidden.

Can anyone help me in order to achieve that. Should I write some custom code to change the svg css or will I need a Javascript that toggles that?

Thank you in advice!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Yes that can be manage through custom JavaScript code