resize logo for header and footer for mobile view

Site URL: https://www.thelivinghouse.co.uk/

How can I resize logo for the correct sizing for header and footer on mobile view of my website?

I'm guessing it will be resized for header and footer by using code but I'm not sure?

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* header logo */
.header-title-logo img {
    max-height: 10px !important;
}
/* footer logo */
div#block-yui_3_17_2_1_1601659792710_37169 {
    width: 50%;
    margin: 0 auto;
}
}

Thank you!!! @tuanphan