Как объединить градиенты и фоновые цвета в фоне героя? ⇐ CSS

[Anonymous]

Я пытаюсь разработать фон для секции героев проекта. У меня были проблемы с тем, что градиенты и цвет фона работают вместе, как предполагалось. Какие -нибудь советы по объединению этих элементов?

Код: Выделить всё

// From bottom to top
background: #08081B;
width: 1440px;
height: 849px;
flex-shrink: 0;

// Left side
background: conic-gradient(from 90deg at 119.17% 56.2%, #F8F8F8 0deg, #AAA 320.4deg, #000 360deg);
mix-blend-mode: color-dodge;
width: 720px;
height: 1024px;
flex-shrink: 0;

// Right side
fill: conic-gradient(from 90deg at 88.06% 26.71%, #F8F8F8 0deg, #AAA 320.4deg, #000 360deg);
mix-blend-mode: color-dodge;
width: 720px;
height: 1024px;
flex-shrink: 0;

// Additional gradient
background: linear-gradient(180deg, #08081B 0%, rgba(8, 8, 27, 0.00) 50%, #08081B 100%);

Подробнее здесь: https://stackoverflow.com/questions/796 ... background