拉伸图像，但不超过必要

有一个div。它具有最大长度和高度。该块包含图像。

<div class="div-img col-md-12 p-0 m-0 center-img">
<img class="img-article" 
 src="http://geniusinfoways.com/common/front/images/bk/img-7.jpg">
 </div>

班级

.div-img {
 height: 350px;
 background-color: aquamarine;
}

图片类

.img-article{
 max-height: 350px;
 max-width:max-content
 }

需要将此图像自动拉伸到整个块而不改变其分辨率，这样就没有图片中的左边距。

但是，例如，图像很大，如果我在这个块中给它原始大小，那么整个块中只有一部分图像是可见的。应用哪些类以使拉伸停止在特定大小并且不留下左边距？我知道这样会丢失一些图像，但这比拉伸要好。它是必要的，就像 Facebook 上的封面一样。