画像の比率変更対応

画像の比率を変更してもつぶれないようにするにはCSSに「object-fit: cover」を記述する

例）幅は100％だが高さを400px固定にした場合

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