Чтобы картинка не потеряла пропорции ее можно обрезать с помощью свойства "object-fit: cover

<div>
  <img src="https://cdn-images-1.medium.com/max/1600/1*Kv3K7qzzGgQJoUOJWO-ZqQ.png" alt="">
</div>

"

div 
{
  height: 200px;
  width: 600px;
  border: 1px solid red;
}
img
{
  height: 100%;
  width: 100%;
  object-fit: cover;
}