Фоны - изображения в svg?

png

Проще всего - сделать это в редакторе изображений. Но если нельзя, то придется что-то придумать, адаптивное.

Сейчас подумаю, как будет лучше.

благодарю

Если контейнеры у обоих фонов имеют одинаковый размер, попробуй использовать свойство background-position с отступами сверху и слева - подставляй такие значения, чтобы фон с логотипом лег как нужно. Думаю, отступ слева нужно будет задавать в процентах, а сверху - в пикселях.

Если не получится - пришли то что есть, в личку, архивом, попробую помочь.

А заяем контейнеры для разных фонов?
Замусорить разметку?
Не проще основному контентному блоку задать фон?

Я ж не знаю, как там структура сделана.

Вроде как-то можно 2 изображения в фон одного и того же контейнера вставить, но я не очень в css силен еще, чтобы такое утверждать.

А можно ли это через z-index?

С этого надо начать. И не надо приучать людей кидатб архивы кода. Хард убьешь. Или себя. Пусть сделают кодпен.  Тогда любой сможет посмотреть что у него там и помочь. Я бы тоже возможно помог, но не у себя в личке, и не у кого то еще.
а еще давать новичкам готовый код не очень хорошая идея - вот там выше написаны сложные селекторы, думаете кто то будет разбирать что делает каждый кусочек кода? Да фигу они закинут в проект и дальше пойдут выпрашивать готовые решения.

А зачем индекс? У множественых фонов четкий порядок какой выше из них выше.

Понял

Буду знать на будущее

Любое кол-во фонов можно, но голова опухнет писать все это.

А вообще в каких случаях стоит использовать z-index

Как-то так, я имел ввиду?
   background: url(../images/brand.png) top no-repeat, url(../images/logo.png) bottom no-repeat;

Чтобы в будущем не делать ошибок

Это как слои в фотошопе, если знаешь его.