Wordpress CSS проблема flex-direction

Question

Я настраиваю страницу для своего друга, но у меня есть небольшая проблема. http://spiratree.wp.hehe.si/ [Домашняя страница]

После нескольких часов поиска я все еще не могу найти решения. Ниже приведено изображение, показывающее, как я делал баннеры с разделом SPB (WP-плагин): http://imgur.com/a/qvxf8 - Изображение 01 [на большом экране]

Мне бы хотелось, чтобы сайт для мобильных устройств был сложен так: Рисунок 02 [на мобильных устройствах]

Я пытался использовать код:

    display: flex;
    flex-direction: column-reverse;

Сначала я создал строки с SPB Section и добавил дополнительный класс "rev-col". Изображение 03

Затем я добавил в CCS добавленную строку кода:

    @media only screen and (max-width: 767px)
        {
        .rev-col {
        display: flex;
        flex-direction: column-reverse;
        }

Однако ничего такого не происходит. Я попытался вручную ввести код, и он работает: Изображение 04

Может быть, вы знаете, каково решение моей проблемы.