Safariブラウザだけなぜか画像が横向きor逆さまに表示される原因

CSSで画像を回転させた覚えがないのに、Safariブラウザから見たら画像の向きがおかしくなる現象が発生した。原因はコード側にあるのではなく、WEB構築に使用したMacintoshでの誤操作にあった。
スライス画像の確認でMacのプレビュー画面を開いたままだったので、ブラウザリロードするときに間違えてプレビューを選択したままCommand+Rを押して画像を回転させてしまったことが原因とみられる。

修正方法は画像編集ツール(例：Photoshop)を立ち上げて画像回転か、もしくはMacのプレビューから画像回転させて向きを戻す。