Содержимое раздела Squarespace переворачивается и порядок изменяется в мобильном представлении ⇐ CSS

[Anonymous]

У меня есть сайт, который я создаю
https://azalea-fiddle-5ha9.squarespace.com/
pwd: USTAX2024
На компьютере мой сайт работает нормально, но когда я просматриваю его на мобильном устройстве, раздел с заголовком РЕШЕНИЕ появляется перед ПРОБЛЕМОЙ. Этого не должно быть. На десктопном сайте порядок в порядке, а на мобильном переключается. Как я могу это исправить?
Вот что я пытался добавить в качестве пользовательского CSS, но безуспешно:
@media (max-width: 600px) {
#yui_3_17_2_1_1727035450177_100 {
display: flex !important;
flex-direction: column-reverse !important;
}
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... obile-view