Muy al principio probe con esto:
Código:
#image > img{
max-width: 80%;
max-height: 35vw;
height: auto;
width: auto;
}
Muestra lo que yo quiero, pero el problema es que al no definir un mínimo, si reescalo la vista del navegador, la imagen se puede hacer mas pequeña. Yo lo que quiero es que, aunque reescale la vista, siempre sea lo mas grande posible dentro de esos márgenes.