Scalable Logo? 7.1

Site URL: https://smilodon-ocelot-my5f.squarespace.com/

Hi,

Is there a way of making your logo auto scale down when viewing on media in between DESK and MOBILE sizes?

Obviously there are other media like small notebooks or ipads. At the moment, with code on my site, my logo just jumps between large for desktop and small for mobile.

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
.header-title-logo img {
    max-height: 100px;
}
}

Hi thanks. But it doesn't scale. When scaling the page on-screen, it just stays at the original desktop size, then changes to something really big, then changes to the smaller mobile size.