Как вычислять оптимальную высоту для фото?

Не совсем понятно, что вы хотите сделать.

если вам надо разместить 2 фото в высоту, то нужно и ориентироваться в первую очередь на высоту экрана, а не на ширину. но если копать в точном соответствии с тз то получится как-то так

так что в первую очередь используете медиа запрос потом выставляете высоты в % от высоты экрана

		@media screen and (max-width: 600px) {
			.image{
				display:inline-block;
				position:relative;
				height:50vh;
				width:auto;
			} 
		}
		@media screen and (min-width: 600px) {
			.image{
				display:inline-block;
				position:relative;
				height:33vh;
				width:auto;
			} 
		}		

подробнее тут

https://html5book.ru/css3-mediazaprosy/