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

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");

Как сверстать такой блок?

Вадим, есть анимация с реакцией воды

Как сделать видео с прозрачным фоном?

Как сверстать такой блок?

Пашенька, спасибо, это хороший вариант

Как сверстать такой блок?

Пашенька, тогда мне надо показывать в мобильной версии правую часть видео, а в десктопе все. Это можно реализовать?

Как сделать последовательную анимацию?

Спасибо, а что было не так? Вы добавили $offset: -38px;
Буду признательна, если объясните

Как сделать последовательную анимацию?

Кружки строго по центру item, все item одинаковой ширины, вместо margin сделала padding и все равно стрелочка не одинаково перемещается.
Разница перемещения у left одинаковая - 21,75

Как сделать последовательную анимацию?

Это дизайнер так отрисовал иконки

Как сделать последовательную анимацию?

Спасибо, переделала под свой проект, у меня не получается останавливать стрелку перед кругом (я меняю значение переменной $to) - она останавливается то ближе к кругу, то дальше
Codepen

Почему slick slider неправильно высчитывает ширину слайда?

Спасибо за советы

Почему slick slider неправильно высчитывает ширину слайда?

Лучше так написать: .advantages-content__block.product ?

Почему slick slider неправильно высчитывает ширину слайда?

Ankhena, я сделала максимальную ширину 290 пикселей у .advantages-content__block.advantages-content__block--product при разрешении экрана 400 пикселей. Думаю, что это костыльно. Есть какие-то другие варианты?

Почему slick slider неправильно высчитывает ширину слайда?

Ankhena, чтобы картинка адаптировалась под ширину экрана и не обрезалась

Почему slick slider неправильно высчитывает ширину слайда?

Ankhena, я задала max-width, оно должно уменьшаться

Почему псевдоэлемент вылезает за пределы родителя?

Как сделать чтобы псевдоэлемент был 65% от родителя и не вылезал за его границы?

Почему не удаляются html теги в textarea?

Антон, Спасибо, все работает

Почему не работает регулярное выражение в IE11?

RAX7, чем заменить "?"

Почему не работает регулярное выражение в IE11?

Неизвестный числовой показатель и указывает на это регулярное выражение

Как обрезать строку после длинного слова?

0xD34F, Спасибо, помогло. Теперь работает в IE и Сафари

Как обрезать строку после длинного слова?

В Сафари не работает, я читала, что это из-за replace

Как обрезать строку после длинного слова?

0xD34F, Спасибо, мне моя запись более понятна