title: How do min() and max-height differ?
body: <p>Using the following css declartion on the same exact fluid image yields different results when resizing the screen:</p>
  <pre><code>img {
   width: 100%;
   height: min(100vh, 850px);
   object-fit: cover;
  }
  
  
  img {
   width: 100%;
   max-height: 850px;
   object-fit: cover;
  }
  </code></pre>
  <p>Both give a maximum height but why does it yield different results on smaller view ports?</p>