HTML-форма, не реагирующая на изменения внутри div

Я создаю веб-страницу, и если я помещаю свой div внутри формы, он не реагирует, но если я помещаю ту же форму вне div, все работает просто отлично.

Я хочу иметь div под названием container-2 и 2 формы внутри, одна находится слева, как вы можете видеть, а другая - это способ оплаты картой. Если я пытаюсь изменить размер экрана, вторая форма заходит под первую, потому что я установил flex-wrap:wrap; но первая форма остается нереагирующей.

Вот код и спасибо заранее.

Это контейнер-2.

#payment {
  width: 100%;
}