スクロールさせたいけど中身がずれてる

display: flex;
justify-content: center;

を外側の要素に指定するとずれるので

display: flex;
justify-content: flex-start;

にする。

See the Pen RwNZBeZ by to_m0ya (@gazimum) on CodePen.