Как вариант - блок, в котором содержится изображение, верстаете под данный формат, а изображение через стили на фон.
А вообще в wp есть функция для добавления нового размера изображения - add_image_size(), с помощью нее задайте в данной пропорции подходящие для вашего сайта разрешения и юзайте на здоровье.
Обязательно учите gulp. На learn.javascript.ru есть толковые уроки. При сборке проектов он очень сильно помогает - собрать стили, обработать файлы, удалить старое etc.
Мне почему то показалось, что меню в Вашем случае может выглядеть как плашка, фиксированно находящаяся в нижней части экрана. Тогда в этом случае можно будет обойтись CSS, а js-oм по необходимости его структуру перестроить.
Как дополнительный вариант - при отдаче страницы с сервера проверять тип устройства и в зависимости от этого выводить меню в нужном месте. Есть под это дело готовый модуль.
Мне принцип видится таким: есть массив этих карт (пусть они будут объектами), по которому отрисовывается поле.
Понадобится обработчик, который будет следить за действиями пользователя и производить сравнения 2-х выбранных карт.
Пользователь нажимает на карту, она поворачивается к нам лицом. Жмёт вторую карту - здесь происходит сравнение двух объектов (карт) => если по проверяемому ключу они совпадают, то просто берем и удаляем из DOM эти два объекта. Если сравнение не прошло, то сбрасываем карты, начинаем заново.
Вы когда любой стандартный элемент выделяете, то в правом сайдбаре (где настройки записи отображены) есть вкладка "Блок". Там в выпадающем блоке "Дополнительно" можно указать нужные вам классы.
Для этого необходимо сделать 2 вещи:
1) блок, содержащий в себе меню, должен быть фиксированным на всю ширину и высоту экрана, с наибольшим показателем z-index'a. То есть что-то типа такого:
Дополню:
- на мобильной версии секция с фактами немного расплылась (первый блок уже остальных)
- в блоке с формой очень забавно получилось: вы выделили два слова красным, а белыми получилась более яркая фраза "и получите предложение конкурентов"; а вот слова "выгоднее" и "уже сегодня" как то теряются.
Возможно, при открытии меню можно зафиксировать основной контент, чтобы не скроллился.