Salve vorrei creare un elenco di prodotti con jquery , sulla sinistra creo il menu e con toggle appare il submenu e fin qui ci siamo...vorrei che alla pressione dei submenu apparisse l'immagine del prodotto ,cosa che sono riuscito a fare

$('#immagine').css("background-image", "url(mia_immagine.jpg) ");

Il problema è che il sito deve essere responsive e per far apparire qualcosa devo dare al div immagine un altezza e una larghezza che ho dato in percentuale , per far apparire immagini ho poi inserito dei <br> e il risultato sembrerebbe buono se non che quando riduco le dimensioni della pagina l'immagine viene si ridotta ma perchè viene tagliata, c'è un modo migliore per effettuare questa operazione e far si che l'immagine venga rimpocciolita in percentuale?