.payment
ты сделал блок .payment__col
flex-элементом. Этот элемент имеет ширину равной ширине своего контента. Общая ширина этих двух фраз внутри равна 192px..payment__col
занимать 50% ширины своего родителя (который, напомню, имеет ширину в 192px). Собственно теперь этим блокам ты отвёл по 96px. А так как фразе SUBTOTAL 123 просто некуда влезть она выходит за границы своего блока и наложилась на другую фразу. Весь бутстрап сложно придумать где использовать, разве что для прототипирования.
Script elements inserted using innerHTML do not execute when they are inserted.
<img src='x' onerror='alert(1)'>