Для работы модуля адаптивных изображений “IBG” необходимо добавить класс ibg непосредственно к изображению, или воспользоваться снипетом ibg :
<img class="some-block__image ibg" src="" alt="Image">Далее, для настройки нужных соотношений сторон изображения необходимо добавить свойство aspect-ratio к конкретному изображению, в качестве значения указать ширину и высоту через слэш.
К примеру если размеры изображения в макете 260px ширина и 180px высота то пишем:
.some-block__image {
aspect-ratio: 260 / 180;
}По умолчанию на изображение действует алгоритм масштабирования cover, чтобы изменить contain добавьте модификатор .ibg–contain.
Также, если нужно изменить позиционирование изображения в отличие от center добавьте соответствующий модификатор .ibg–top, .ibg–left, .ibg–bottom, .ibg–right
Примечание . В большинстве случаев изображение не требует дополнительной HTML обертки, за исключением ситуаций, когда оно является FLEX-элементом и есть необходимость в определенном поведении.