черният градиент не закри с елипсите си цветният при препокриването? По подразбиране те трябваше да имат еднакъв z-index, а черният е дефиниран след цветният и трябваше да е отгоре.
Изпрати, моля те, код и резултат в браузъра. Най-добре в https://jsfiddle.net