画像を内接リサイズにする

css - Resize to fit image in div, and center horizontally and vertically - Stack Overflow

transformとposition: absoluteを利用します。

前の記事のアスペクト比を保つcssを利用するとこんな感じです。

---

object-fitというプロパティを利用すればもっと簡単でした。（でもIEには対応していない）
object-fit - CSS | MDN