Footer che si adatta orizzontalmente mantenendo le proporzioni dell'immagine

[Tropotronick]

ciao ragazzi, avrei bisogno di un aiuto in merito al ridimensionamento del footer.
Dunque ho un immagine (un prato verde con cielo trasparente) che ho impostato come backgroung del div footer, la quale si fonde visivamente con lo sfondo del body (un cielo).

Come posso ridimensionare l'immagine orizzontalmete scalandone la larghezza senza perdere le proporzioni? o meglio come agganciare l'immagine alla finestra del browser solo in orizzontale lasciando che height sia libero di mantenere le proporzioni?

grazie a tutti!!!

[Experiment8]

Ciao,

Dovresti provare aggiungendo la regola CSS:

background-size: contain;

In questo modo si adatta alla dimensione che risulta maggiore del contenitore, altrimenti puoi optare per:

background-size: 100% auto;

Che forza la larghezza la 100% e l'altezza in proporzione.
Per ottenere un effetto migliore puoi inserire l'immagine come tag img nel footer e darle semplicemente max-width: 100%; e height: auto;