PCの各ブラウザで確認し、アンドロイド携帯で確認し、iPadでも確認し表示に問題がないが・・・
iPnoneだけ表示がCSSが効かない場合があります。
なんでiPadは大丈夫でiPnoneはだめなんだと謎でしたが、iPadはiPadOS、iPnoneはiOSとOSが違ったりするんですね。
なので、iPnone独自の規定設定があるので、その影響でCSSが効かない場合があります。
下記のCSSを装飾に追加してみてください。iPnone（だけじゃないけど）独自のスタイルを無効化する意味がありますので、表示が改善されるかもしれません。
-webkit-appearance: none;
-moz-appearance: none;
参考：
https://applian.jp/ios-input-invalid-css#chapter3
もしくは、「display:flex;」を指定している箇所に、「align-items: flex-start;」を追記する