Фон с полукругами линейного градиента по углам ⇐ CSS

[Anonymous]

Я хочу создать этот фон с помощью CSS и поверх него добавить контент


Я попробовал следующее

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

.circle-top {
background-image: linear-gradient(180deg, rgba(242, 242, 255, 0) 77.04%, #ebebff 100%);
width: 95vw;
height: 100vh;
border-radius: 50%;
position: absolute;
transform: rotate(20deg);
right: -40%;
top: -10%;
}

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

Но я не уверен, что это хорошее решение для данного случая. Если кто-то может помочь

Подробнее здесь: https://stackoverflow.com/questions/786 ... at-corners