Responsive images with Flexbox

index.html

<figure>
  <img />
</figure>

style.css

figure {
  display: flex;
  align-items: flex-start;
  max-height: 450px;
  overflow: hidden;
}

figure > img {
  width: 100%;
  height: auto;
}