Solucionado
Eu tenho 2 imagens, uma para a versão desktop e outra para a versão mobile. Para a versão desktop eu utilizo uma imagem grande e para a versão mobile um formato menor. Quando tiver em um desktop a versão mobile fica em display none, enquanto a versão desktop aparece e vice-e-versa. Seria uma boa solução?
hoje, com a Alura e o Google Gemini
É uma solução bem básica e válida para responsivar imagens, apesar de hoje já existirem formas mais robustas como a tag <picture>. Se é um caso isolado que não vai se repetir muito na aplicação, não vejo como problema mas é bom já dar uma estudada na tag que mencionei anteriormente.
Uma outra opção seria usar o media query do CSS3 para decidir qual imagem mostrar dependendo do tamanho do dispositivo. Seria uma forma até mais simples e prática de ter a imagem adequada a outros tamanhos de tela, por exemplo, uma imagem para tablet ou uma tv de 55'.
Espero que tenha ajudado Abraço