Как создать изогнутую нижнюю форму для div с помощью CSS? ⇐ CSS

[Anonymous]

Я хочу создать баннер, в котором нижняя часть элемента div будет изогнута с помощью CSS, как показано на изображении ниже (https://prnt.sc/xZt09JjqJhxF). Баннер будет иметь фоновое изображение, и я хочу, чтобы верхняя часть оставалась прямой, а нижняя часть div была изогнутой или закругленной, как показано на рисунке.
Вот базовая структура div:

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

Academics

Я думаю, что clip-path может быть решением, но я не уверен, как добиться желаемой формы.
Может ли кто-нибудь помочь мне с CSS, чтобы изогнуть нижнюю часть div?
Я пробовал это

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

clip-path: ellipse(60% 110% at 48.26% 126.25%);

Я тоже видел эту статью
Как создать элемент div с противоположно изогнутым дном
но это не так гладко, как мне нужно для достижения желаемого результата.

Подробнее здесь: https://stackoverflow.com/questions/790 ... -using-css