HelpSophie

weight: 100%; нет такого свойства

либо 100vw либо смените position либо задайте отрицательный margin

p.s. очень хорошо подумайте нужен ли absolute для wrapper. Выглядит очень подозрительно.

1. background-size: cover;
2. object-fit для img
3. разные картинки для разных экранов, разрешений, плотности пикселей и ориентации: тег picture
4. разные картинки в media

Если это одна картинка и она скажем 4000x4000px, то пользователи с мобильным интернетом скажут спасибо. Особенно в роуминге. Да и обрезаться она должна непонятным образом при повороте экрана.

https://jsfiddle.net/o4ssmbsb/
И не совсем понятно зачем вы используете выдуманные теги и невыдуманные не по назначению.

Задать блокам 2 фона с помощью linear-gradient

ВАРИАНТЫ:
. фоновые изображения для основного div
. border-image
. фоновые картинки в before и after
. просто дополнительные div с нужными изображениями
. еще есть градиенты и тени, ими часто тоже можно решить подобные задачи (если узор подходящий)

Уточнение ответа может быть только после реального примера.