基準にしたい親要素には relative を設定する必要がある認識でしたが、
今回は .hero img に absolute を設定しただけで、親要素の section を基準に配置がされているようです。
今回の設定だと body が基準になってしまう（header 部分も隠れてしまう）と思っていたので、section もしくは hero クラスに relative の設定が必要な認識でございました。

上記で認識が異なる部分についてご指摘頂けると幸いです。