Bootstrap Flexbox containers are overlapping on iOS Safari but not Windows Chrome

Question

On Windows Chrome when "emulating" an iPhone all of these flexbox containers are laid out one after another. On iOS Safari, they\'re laid out on top of each other