Center Logo but make it smaller

This is my site: https://healthgardenny.com/
I have this Logo and after some searching I figured out a way to make it centered but it’s so big and takes up so much space. How can I make the logo smaller but still keep it centered. This the code I am using in custom css:

.site-branding img.custom-logo {
margin: 0 auto;
}
.site-branding {
width: 100% !important;
}

if I change the width it becomes smaller but moves to the left and is not centered. Any help would be much appreciated. Thank you!

The page I need help with: [log in to see the link]