ｃｓｓ、widthに関しての質問

Question

何故、＃Aboutのimgタグにわざわざwidthを二重にかけているのでしょうか？
width:55%とwidth100%です。

現在模写コーディングをしていて疑問に思い質問させていただきました。

Answer 1

なぜ、.imgを削除して↓ではいけないのか、というご質問だと読みました。

#about img{
  width: 55%;
  height: 400px;
  object-fit: cover;
}

.imgを削除することができないからだと思います。なぜ削除できないのかについては情報が少なすぎるため、明確な答えは難しいです。
思いついたものを列挙します。

• .imgに他のコンテンツ（たとえば、画像のキャプション）が含まれている。
• HTML文法上、#aboutがimgを直接の子要素として持てない要素（たとえば、ul）である。
• 内在サイズがサイズ決定に影響を与えるような整形コンテキスト等（たとえば、フレックスボックス）である。
• .imgがなんらかの機能を持つ要素（たとえば、picture）である。

他にもいろいろありえるかと思います。

Answer 2

width:55%は#aboutの中のimgクラスのHTML要素に設定しています
一方width100%は#aboutの中のimgクラスの中のimgタグに設定しています