CSS for Logo Size on Mobile Only

Site URL: https://tetra-ladybug-7fad.squarespace.com

Hello, and thanks for any help.

I want to override the CSS for logo size on mobile. I can usually use the CSS tool to overwrite but somehow it doesn't let me when it's specific to the logo image (for mobile). When I edit the CSS in Chrome developer tools, it works fine (max-height 80px instead of 30px). But when I apply that CSS to the squarespace CSS tool, it doesn't work. And it highlights "img" in red as if it doesn't like that.

Any help is appreciated!

Your code missing { and }

@media screen and (max-width:767px) {
.header-title-logo img {
    max-height: 90px;
}
}