Io ho provato con width: 100%; heigth: auto; ma in questo modo si adatta solo in larghezza e non in altezza...
Sempre se usi il tag <img> ...
Devi definire solo la larghezza, e non definire l'altezza: in tal caso l'immagine non viene distorta.

Poi dovrai anche definire la posizione verticale, ad esempio con
top:50%;