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

Можно попробовать так

Я бы так сделал
https://jsfiddle.net/7rnymkzp/

Я бы сделал двойной фон, так не надо будет выделять отдельные участки.

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

Попробуй так
https://jsfiddle.net/oupz926b/

Мой вариант
jsfiddle.net/qox12uyj/1
Как-то так...

Общая идея тут для группы 1

перебор сам допишешь, если понравиться

По аналогии и все остальное можно сделать.

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

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

Можно так (за основу взят код 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/j2omn3w7/

Оборачиваешь все в блок и даешь свойства
.main-wrap {width: 90%;}

Для этого нужно очистить стили текста
office-guru.ru/word/kak-v-dokumente-word-ochistit-...