border-radiusで四隅に異なる丸みを持たせる
CSS
border-top-left-radius: 24px 33px;
border-top-right-radius: 76px 40px;
border-bottom-right-radius: 29px 60px;
border-bottom-left-radius: 71px 67px;解説
上記のように書くのが面倒な場合はつぎのように省略することが可能です。
border-radius: 24% 76% 29% 71% / 33% 40% 60% 67%;