CSS расширенная овальная форма

Question

У меня проблема с созданием этой фигуры в css:

Я пробовал после & снизу с перекосом, но не могу сделать его овальным, и под ним есть контент.

Answer 1

Играть с настройками радиуса границы. Надеюсь, это поможет.

.oval {
width: 100px;
height: 150px;
background-color: lightblue;
border-bottom-right-radius: 70px 25px;
border-bottom-left-radius: 70px 25px;
}

<div class="oval"></div>