cssで画像をトリミングする

img {
 width: 100px;
 height: 100px;
 object-fit: cover;
}

object-fit:cover と指定するだけで縦横比を保ったまま拡大縮小ができる。