画像を切り取って必要な部分だけ使う方法

##１.表示する画像の大きさを指定する
まず切り取った後に表示したい大きさを指定します

.img1
  width: 438px
  height: 223px

##2.object-fitプロパティでcoverを指定し、object-positionプロパティの値を設定する

.img1
  width: 438px
  height: 223px
  object-fit: cover
  object-position: 0% 0%

今回のobject-positionの値の場合指定した範囲に画像の最頂部から表示する形になります

  object-position: 100% 100%

この場合は、最下部から指定する形になります。指定したい部分がそれ以外の部分の場合、値を徐々に調整する必要があります。地道に頑張りましょう。

  object-position: 50% 50%

この場ど真ん中になります。

##object-fit: coverを使うメリット
これは画像の縦横比が変わらないことです。