Машка

Цветной фон можно добавить на абсолютно позиционированный before. При изменении расширения на мобильное before поворачивается с помощью
transform: rotate(-0.25turn)
А так же меняется его положение относительно родителя.

Как вариант поиграться с пропорциям col-md-3 col-md-6 col-md-3. Так как средняя часть с текстом (если именно к нему нужно приблизить изображения) занимает 6 долей, то другими способами приблизить будет мудрёно.
Если речь идёт о небольшом приближении, то просто задать выравнивание для левых изображений по правую сторону, а для правых - по левую.

Где не работают медиа? В хроме всё ок.
Шапка едет, так как почта - это инлайн блок, а название - флекс. Размеры блоков не указаны.