Блок с закруглениями?

Надо чтобы был такой div как на картинке. Пробовал через border-radius: 0% 0% 50% 50% / 0% 0% 40% 40%; Но там получаются нижние края загнутые, а надо как на картинке

Ответ

Вот так
div { width: 100%; height: 300px; margin: auto; background: red; -webkit-clip-path: ellipse(75% 47% at 52% 25%); clip-path: ellipse(75% 47% at 52% 25%); }