CSS3
トリミング

CSS1行で出来る画像トリミングで画像の中心を表示する

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

(参考)
https://www.webcreatorbox.com/tech/object-fit