imgに設定すべきcssについて
max-width設定をしていない場合（失敗例）
親要素は200pxに設定。画像が親要素からはみ出て表示される。
max-width設定をした場合
親要素は200pxに設定。画像は親要素のサイズ内で表示される。
pictureで画像を切り替える場合
1000pxと600pxとそれ以下で画像がそれぞれ切り替わります。
object-fitを指定した場合
親要素は200pxに設定し、画像も200pxに設定してobject-fitで画像をトリミングして表示。
object-position: right bottom;を指定した場合
画像のトリミングされる位置が、中央からではなく右下の位置からトリミングされる。