Redimensionando imagem conforme o ecrã.

Na homepage de um site tenho uma imagem centralizada submetida a um resize conforme o tamanho do ecrã do usuário.

Por questões estéticas resolvi impor um tamanho mínimo limite para que em dado momento a imagem não acompanhe mais a diminuição do ecrã. Eis o problema: ao atingir o tamanho minimo a altura respeita o limite mas a largura continua diminuindo. A partir daí a imagem vai perdendo a proporção. Alguém pode me ajudar?

CSS

#frase_img {

margin-top:0px;
weight: auto !important;
height:85%;
min-height: 400px;
margin-left:-50px;

}

HTML

<div class="container">

 <div id="frase"><img src="imgs/frase_home.png" id="frase_img"> </div>
</div >