1. imgにloading="lazy"を指定し、smooth-scrollを使っている

smooth-scrollは、CSSでもjsでもこの組み合わせは不具合が出やすい。
画像の遅延読み込みによって画像の高さが認識されないため。なお、htmlに高さをwidth="100"など指定しても改善されなかったため、lazyloadを使うときはsmooth-scrollの使用を控えるか、loadingアニメの読み込み対象をサイト全体（main）に指定する。
サイトの表示速度を考えると前者が無難。

2. jsのsmooth-scrollを使っている

imgにlazyloadを使っていない場合、jsのsmooth-scrollを使っていると、cssのsmooth-scrollに変更すると直ることが多い。
（wordpress等）