Как скопировать овальный градиент с макета, если овал заходит за пределы экрана?

Question

[idcamn]

Нужно скопировать овальный градиент с макета, но если использовать border-radius, овал обрезается и вмещает в себя только максимальную ширину страницы
Что нужно:


Что пока что получается:


padding + отрицательный margin помогает только с левой частью, а из-за правой появляется скролл в правую сторону на странице

Answer 1

[Виталий Першин]

Например взять псевдоэлемет before/after дать ему абсолютное позиционирование и позиции top: 0; bottom: 0 left: -20%, right: - 20%
таким образом он будет шире родителя и вместит необходимый ему градиент как вам надо...