要素の位置がおかしくて CSS 的にありえないような場所にいる
リロードしても変わらなくて 別のページで同じ構造でシンプルにしたらなぜか再現しない
さらにスタイルをを devtools の Element タブで書き換えてもなにも変化しない

あれこれ試した結果 devtools の Animation タブが原因だった
知らないうちに Pause all を押してて全アニメーションが停止状態になってた
ページ開いたタイミングではアニメーションの初期状態になってて Element タブのスタイルではそれが見えないので CSS が正しく効いてないように見えてた
Animation タブ 気をつけよう