background-size: cover;とobject-fit; cover;の違いを教えていただけると嬉しいです。

見出し1～4のある、背景がカラーカードの部分の質問です。
背景の画像の配置ですが、
background-size: cover;
と
object-fit; cover;
の違いを教えていただけると嬉しいです。

→background-size:coverもobject-fit:coverも同様の表現を行うことができます。
違いは、background-sizeは背景画像に対しての指定になる、object-fitはimg要素に対する指定になる、ということです。
画像を背景として表示させるのか、img要素を使って表示されるのかは、HTMLで構造化するときに問題になります。
こちらを参考にしてみてください。宜しくお願い致します。
https://crepro-media.com/pickup/csstech01/