Как из фото выбрать часть на css?

BedOmar, Как-то так https://jsfiddle.net/5pfu7Lxy/
Единственное, картинка не пропорциональна указанным вами размерам div'а, так что ее надо ужать/обрезать. Я сдвинула чуть выше, чтобы все влезло.

Как из фото выбрать часть на css?

BedOmar, конкретизируйте, что именно не понятно или не работает в bg position? Учитывая, что нужная картинка находится в левом верхнем углу.

Как правильно прописывать стили?

RabIN, Нет. Название шрифта одинаковое, меняется только жирность.
При подключении тоже, названия одинаковые, разные пути к файлам для разной жирности и/или курсива.

@font-face {
 font-family: "MuseoSanSCyrl";
 src: url(путь к шрифту с жирностью 500) format(font_format);
weight: 500;
}
@font-face {
 font-family: "MuseoSanSCyrl";
 src: url(путь к шрифту с жирностью 700) format(font_format);
weight: bold;
}

div {
 font-family: "MuseoSanSCyrl", Arial, sans-serif; (или какой он там сериф или санс-сериф);
 weight: нужная жирность
}

Тэг picture нельзя/не рекомендуется использовать для свг (+второй вопрос)?

ProjectSoft, брррр
Я не говорила, что в svg должен быть растр.
Вы написали, что если picture, то это значит, что svg в нем растровый.
Так вот, это утверждение неверное.

Можно ли transform scale задать в пикселях?

Либо на JS.
Либо увеличивать width, а внутренним элементам задавать размеры в %. Но нужно видеть макет, может всё не так.

Тэг picture нельзя/не рекомендуется использовать для свг (+второй вопрос)?

ProjectSoft,

Тег picture подразумевает, что в SVG встраивается растровое изображение.

С чего бы это?
Ничего не мешает использовать вектор и picture.

Тэг picture нельзя/не рекомендуется использовать для свг (+второй вопрос)?

olya_097, полифил он на js
picturefill.js

Тэг picture нельзя/не рекомендуется использовать для свг (+второй вопрос)?

olya_097, https://caniuse.com/#search=picture

Тэг picture нельзя/не рекомендуется использовать для свг (+второй вопрос)?

1. Можно. Минус - нужен полифил для ИЕ.
2. Зависит от целей, надо или не надо взаимодействовать с svg.

Вот так можно по Бэму писать или по-другому нужно?

Виталий, пожалуй так

Вот так можно по Бэму писать или по-другому нужно?

только position-left, а не position_left
с right аналогично

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

Если четные строки по 3 элемента, а нечетные по 2.
То вам нужно правильно посчитать и написать nth-child для li с указанием ширины, 33% или 50%.

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

Где логика: сами же называете класс "new-background", а потом картинку вставляете через img?
Да и "Новинка" это, вероятнее всего, не абзац, а псевдо.

Делайте решение без абсолютов, благо оно есть и даже не одно.
Есть margin и padding.
Чем меньше абсолютов, тем легче жить.

Примерно так: https://jsfiddle.net/vckx52zu/
Возможно вам потребуется calc для отступов. Об этом можно поговорить позже, если расскажете как элементы должны вести себя для адаптации.

Как разметить эту простую конструкцию в соответствии с БЭМ?

pacman123,
либо так

<div class="block1">
  <div class="block1__block2">
    <p class="block1__text block1__text--red">Lorem ipsum</p>
  </div>
</div>

либо так

<div class="block1">
  <div class="block1__block2 block2">
    <p class="block2__text block2__text--red">Lorem ipsum</p>
  </div>
</div>

Как разметить эту простую конструкцию в соответствии с БЭМ?

pacman123, нет
у элементов не бывает элементов
а двойной элемент элемента это я даже придумать не могу зачем

Как убрать белую полосу справа при уменьшении масштаба?

Alex_18, это я должна выложить еще и код с решением? )))) Или вы сегодня писатель, а не читатель?

Как убрать белую полосу справа при уменьшении масштаба?

shmatuan, всё равно ширину детям менять, иначе уродство будет.

Как разметить эту простую конструкцию в соответствии с БЭМ?

pacman123, На сайте БЭМ всё достаточно хорошо изложено https://ru.bem.info/methodology/quick-start/

Как разметить эту простую конструкцию в соответствии с БЭМ?

pacman123, да, у блока может быть модификатор.
Выше написала пример для кнопки.

Как разметить эту простую конструкцию в соответствии с БЭМ?

Froggyweb, через b- писали для того, чтобы отделить блоки, которые переписали по БЭМ, от тех, которые остались по-старому.
Если кто-то так писал в новом сайте, ну что.. сочувствие ему.

Название класса div это примерно как возьмем n яблок.