お世話になっております。

.hero .desc,
.hero img {
  width: 50%;
}

こちらのコードを加えることで

.desc だけが中央寄りに移動し、img は中央寄せにはならず 50％ に割り当てた幅の左端にある気がするのですが

これはどのような挙動なのでしょうか。

解説いただけると幸いです。
よろしくお願いいたします。