Уставшая Вишенка, 1. data-url используют для тегов img, потому что они таки загружаются даже скрытые.
2. Зачем проверять огромной картинкой? Запрос вы увидите в любом случае.
Уберите айдишники, если они вам вот прямо очень-очень не нужны (а они здесь не нужны), замените на классы.
Не используйте классы city_row_1/city_row_2. Такие имена ни о чем не говорят. Назовите их city_row_default_size/city_row_big_size
Отступы через отрицательные марджины тоже не актуальны. Используйте flex и gap. Это избавит вас от дочерних селекторов и как следствие от излишней специфичности.
uwu79, Зачем перед отправкой-то?
Сначала отправили, потом очистили. У формы (HTMLFormElement) есть метод reset(), который прекрасно очищает форму до начальных значений.
Опять же, после отправки может возникнуть ситуация, когда данные не прошли валидацию и сервер сказал - "поправь там немного данные", а вы их уже очистили.
Тогда форму можно очищать либо при открытии модального окна, либо по его закрытию.
2. Зачем проверять огромной картинкой? Запрос вы увидите в любом случае.