>>22994
Ну так это по-идее уже мелкие детали, которые просто можно настроить в параметрах, не? Вот например:
background-image: url(https://www.techpowerup.com/img/u98ID6UrEJvHVjA7.jpg), radial-gradient(#e66465, #9198e5);
background-position: top 10px right 10px, center center;
background-size: 50vw 50vh, cover;
background-attachment: fixed, fixed;
background-repeat: no-repeat, no-repeat;
Основная суть в том, что когда ты пишешь не в сокращенном варианте записи свойств background, а используешь отдельные свойства все (как в примере выше), то можно указать почти все что угодно для нескольких фоновых элементов и браузеры в большинстве случаев все корректно обработают, в отличии от сокращенного варианта записи (там проблемы бывают). Т.е. просто пишешь через запятую несколько значений, в зависимости от количества фоновых элементов и привет.
Соответственно, в твоем случае просто для картинки (которая является первым элементом фона в примере) ты просто можешь сказать position от правого верхнего угла в нужных тебе единицах измерения - я вот в примере указать top 10px right 10px - т.е. в 10 пикселях от правой стороны и в 10 пикселях от верха. Но ты можешь ведь и другие параметры подобрать. Точно также с параметрами для size - я вот выше в примере указал для первого элемента фона (т.е. картинки) 50vw и 50vh, чтобы картинка жестко масштабировалась от размера экрана (вьюпорта), но там разные варианты есть, в зиависимости от нужного поведения и эффекта.
