Как radial-gradient задать фоновой картинке?

Question

[tutovi4ok]

Как задать такой-же гардиент картинке, как на скрине?

Ожидание

Исход

.intro{
    height: 100vh;
    padding-top: 263px;
    background: url(/img/wooman.png) no-repeat right 
    radial-gradient(50% 50% at 50% 50%, #F7F7F5 0%, rgba(249, 250, 247, 0) 100%);
    background-position: 100% 35%;
}

Этот код не читается в браузере

Answer 1

[Ankhena]

Множественные фоны задаются через запятую.
Самый первый - верхний, самый последний - нижний.
htmlbook.ru/blog/dva-fona-i-bolshe

Answer 2

[iminby]

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

А то что написано в фигме там, особо даже внимание обращать не надо и делать по своему.
Вариантов куча, псевдоэлементы, тень, фон самого блока с градиентом

Comments

[Ankhena]

просто цвет обычно первым ставят

Во множественных фонах никто не ставит цвет первым. Он просто испортит всю запись.
Либо последним, как самостоятельный фон либо вместе с последним фоном.

[iminby]

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

[Ankhena]

iminby, зачем лишний псевдо, да ещё и абсолютом поди...