徒步旅行中的最大高度不起作用

Question

在bootstrap.min.css中，我有这个无法更改的标记：

img {
    vertical-align: middle;
    max-height:100%;
    max-width:100%;
}

现在，我必须在safari中显示图像并创建一个问题。在其他浏览器中没有问题。这是我的HTML，也无法更改：

<div class="safari">
    <img src="images/image.jpg">
</div>

这是我添加的custom.css：

.safari img {
    display: block;
    width: 100%;
    height: auto;
}

输出结果是图像的高度类似于缩略图而不显示整个图像。问题是因为bootstrap.css中的max-height和max-width

我只能编辑custom.css，并且知道如何在custom.css上覆盖上面两个max-height和max-width