different sized logo for mobile and desktop version

Site URL: https://www.lachlanbourchier.com

Hi! I'm wanting to have two different sized logos for mobile and desktop view.

Currently, I feel that the desktop view of my logo is a bit small, although I'm happy with how it displays on mobile. 

I've had success with changing the logo size using custom code, however this obviously changes the size on both mobile and desktop. 

Any advice on how I can change the desktop size without altering how it currently looks on mobile?

To change logo size on Desktop, add this to Home > Design > Custom CSS

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

Thanks @tuanphan , that did the trick!