Как лучше сверстать картинку под наезжающим на неё текстом? Через свойство background или через абсолютное позиционирование?

sharp97 Просто position:absolute, width:100%, height:100% и через top, left позиционировать уже?

Как лучше сверстать картинку под наезжающим на неё текстом? Через свойство background или через абсолютное позиционирование?

Дмитрий, codepen: https://codepen.io/wether/pen/zYLoZaZ

Как лучше сверстать картинку под наезжающим на неё текстом? Через свойство background или через абсолютное позиционирование?

Дмитрий, я имею в виду, логика моего кода, далека от истины или нет?)

Как лучше сверстать картинку под наезжающим на неё текстом? Через свойство background или через абсолютное позиционирование?

Изображение женщины оно как бы отделено от всего белого фона, я могу ссылку на макет дать если надо. Поэтому если даже через background идти, то скажите я правильно задал это свойство?
Для адаптива я подправил:

@media (max-width: 1140px) {
    .section-1.descr{
        background: url(woman_bg.png) -40vw bottom no-repeat;
    }
}
@media (max-width:578px) {
    .section-1.descr{
        background: linear-gradient(90deg, rgba(256,256,256,0.4), rgba(256,256,256,0.4)),
        url(woman_bg.png) center center/cover no-repeat;
        background-blend-mode: lighten;
    }
}

Как лучше сверстать картинку под наезжающим на неё текстом? Через свойство background или через абсолютное позиционирование?

При cover картинка займёт весь фон, у меня в макете картинка находится слева, зачем мне так делать?