Я незнаю как чётко сформулировать свой вопрос, поэтому в гугл слать безполезно я просто не знаю что спросить его.
Буду объяснять свои мысли. Смотрите вот скриншот:

Мне нужно что бы картинка была шириной в 100%, но если так сделать она растягивается и теряет пропорции - одним словом ужас.
Как сделать через CSS ресайз картинки, так, что бы она не теряла пропорции, а просто немного обрезалась?