Change logo for media queries

Hi, is it possible to use a different logo completely for media queries of 850px and lower?
I want to use a wide logo with a text banner for desktops but it resizes down too small on mobile devices. i want to use a smaller logo without the text banner for smaller devices.

I’ve tried using display:none; for .blog-logo img and then giving the .blog-logo a background image but it doesn’t display.

Any suggestions? Thanks!