Почему не работает background-size у svg?

Question

[Qurel]

Есть 3 картинки в svg, которые надо вставить в качестве фона секции, на мобильном они должны быть меньше размером чем на десктопе, я пытаюсь задать им размер через background-size, но это не работает.

Пример

Comments

[Ankhena]

Конечно, не работает.
У вас в сокращенной записи background вообще не указан bg size.

[Alfieros]

В s-main::after добавьте background-size, и потом медиа запросом измените размер для мобилки.

[Qurel]

Ankhena, спасибо, посмотрела в документации Мозилла как правильно выглядит полная запись background и переписала:

Было:

background:
            url("../img/section-main/section_1-svg_1.svg") 90% -10% no-repeat,
            url("../img/section-main/section_1-svg_2.svg") -5% 40% no-repeat,
            url("../img/section-main/section_1-svg_3.svg") 105% 90% no-repeat;
background-size: 5px 10px, 30px, 5%;

Вот так работает:

background:
      90% -10%/5px 10px no-repeat url("../img/section-main/section_1-svg_1.svg"),
      -5% 40%/30px no-repeat url("../img/section-main/section_1-svg_2.svg"),
      105% 90%/5% no-repeat url("../img/section-main/section_1-svg_3.svg");