<!DOCTYPE html>
<style>
div {
  display: flex;
  height: 0px;
}
</style>
<div style="min-height: 50px"><img src="resources/hero.png"></div>
<div style="min-height: 50px; max-height: 10px"><img src="resources/hero.png"></div>
<div style="min-height: 50px; max-height: 100px"><img src="resources/hero.png"></div>
<div style="max-height: 10px"><img src="resources/hero.png"></div>