スマホで表示されるロゴ画像を大きくしたい。

お世話になっております。
以下のようにobject-fitを追加していただくといかがでしょうか？

#logo img {
    height: 150px;
    line-height: 150px;
    object-fit: cover; // ここを新たに追加
}

よろしくお願いします。

モバイル用のロゴ画像に関して読み込みが遅いのかしっかりと真ん中に大きく出現する場合としない場合があります。
今までは普通に表示されていたので何が原因か教えていただけると幸いです。

お世話になっております。
真ん中に大きく出現しない場合はどのように表示されているのでしょうか？
こちらの環境で再現できず。。。
よろしくお願いします。