画像を内接リサイズにする
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