Shifting Flexbox (Divs) in small devices

I have working on a medical site, On my Teams page desktop view keeping Flexbox Divs one left and one right of the viewport seems to work but on mobile view the flexbox divs with right align breaks apart, changing the layer order either way restores it but then again one view is broken. What am I doing wrong.

Here is my site Read-Only: LINK

(how to share your site Read-Only link)