Артём Ведищев

Можно так
https://jsfiddle.net/2omf9Lxs/
Но лучше спросить у товарища Яндуха что бы выбрать оптимальное решение

Попробуй SVG фон

https://jsfiddle.net/04ar0xf0/5/
А так не пойдет?
Или так
https://jsfiddle.net/04ar0xf0/6/
А можно еще так
https://jsfiddle.net/04ar0xf0/7/

Можно так (за основу взят код ld6666666666666)

https://jsfiddle.net/u782pmyw/1/

Но вариант с блоками (от archelon) мне больше нравится.
PS Работает 2004 год

Может так:
https://jsfiddle.net/921vbdq5/1/

Мой вариант без flex
https://codepen.io/ArtemVedischev/pen/jYxGdq

PS Обратите внимание на стили при наведении на пункт меню (li) без наведения на ссылку, фон сменил цвет, а ссылка нет.
.menu_gallery li a:hover {
color: #fff;
}

Тут все наглядно:
https://jsfiddle.net/dytcmcmL/1/
Первый вариант - ваш, второй вариант shadobut.
В зависимости от выбранного варианта меняется поведение страницы при наведении на картинку? transform: scale(1.5) увеличивает только картинку, не влияя на прочие элементы.

Может так?
https://jsfiddle.net/2ujt2mf6/

А может так?
https://jsfiddle.net/j2omn3w7/

Можно как-то так
https://jsfiddle.net/gxj82su7/

Пример
https://jsfiddle.net/ct6kmdg0/

А может так?
https://jsfiddle.net/auh47enj/3/

Chrome, разрешение 1199 - 992 блок меню начинает прыгать

Мое мнение необходимо переделать медиа-запросы и размеры блоков.
Я бы еще привязал этот блок к контенту с единой шириной.
Белый фон - не в тему. ИМХО

Мой вариант
https://jsfiddle.net/b5bjtfjL/