元画像

これを250px * 250pxのボックスに収めます。

object-fit: fill（初期値）

縦横比を変えてボックス内を満たす

object-fit: cover

縦横比を保持したまま短辺をボックスサイズに合わせてトリミング

object-fit: contain

縦横比を保持したまま長辺をボックスサイズに合わせて縮小（余白ができる）

obcect-fit: none

リサイズせずにトリミング

例１：trim1（object-positionなし）

横幅を100%、高さ100pxでトリミング

例２：trim2（object-positionあり）

横幅を100%、高さ100px、上から40%の位置でトリミング