cambiar logo version móvil

Hola a todos.
Estoy intentando cambiar el logo de wordpress de forma dinámica, tengo la plantilla DIVI instalada.
¿Cómo puedo cambiar el logo según la resolución de la página mostrada? El logo tiene un texto muy largo y una imagen. En la versión móvil solo quiero sustituir el logo por otro logo más compacto y proporcional, también lo tengo cargado en la web.

Estoy intentando cambiar con css la imagen, pero tras muchas pruebas solo consigo que se vea un poco de imagen de background y no consigo quitar la imagen del logo original.

¿No hay una manera más sencilla con la plantilla DIVI?.

Adjunto el código:

Código:
@media only screen and (max-width: 600px) { #logo a{ background-image:url(/wp-content/uploads/2019/10/logo-movil.png); display: block; background-size:contain; background-repeat: no-repeat; background-position: center; width:100px; height:100px; } .site-logo img{ display:none; } }