.hero の img に width を設定した際、縦横比を同じにするために height: auto を指定しておられましたが、
width を設定して height を設定しなくても、縦横比が変わらない場合もあると思いますが、
どのような違いがあるのでしょうか？