Рустам Байназаров, В данном случае не понятно зачем это вообще надо. Но бывают случаи, когда нужно, чтобы дочерние элементы флекс или грид элементов сами стали флекс/грид элементами. Для этого display: contents и нужен. И нельзя говорить нельзя ибо бывает, что и можно уже)
Виталий, явно не любой хостер предоставляет поддержку http 2 на своих серверах.
В макете из вопроса ТС около 50 этих свг фигур разных. Без необходимости параллаксов и анимаций в ТЗ использовать multiple background это приключение минимум на пару часов. Сами то решились бы на это без явной необходимости?
Да там пара десятков свг файлов получится. Ради фона 20 файлов придётся браузеру грузить? Ну я понимаю, если с ними нужно параллакс или анимации делать, да и то тогда лучше заинлайнить. Для адаптации проще 3 разных свг сохранить для разных экранов и медиа запросами менять фон. Но в каждом свг будут все фигуры и файл будет 1 грузиться.
Barring, Банально, если у них собственных стилей со всеми состояниями и модификаторами становится очень много. Можно выносить в отдельный блок. К примеру инпут текстовый у формы или чекбокс, или группа радиокнопок. Хотя я допускаю, что и пункт меню в некоторых случаях станет блоком, ну либо сабменю.