How to make egg-like shape with CSS : <p>I am trying to make a shape similar to the one in this picture: <a href="https://i.stack.imgur.com/Uxe1Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uxe1Z.png" alt="enter image description here"></a></p>

<p>Attempting to use border-radius to target the top-left and bottom-left corners of my div gets a close effect but am unable to get such a drastic curve. Is there an elegant solution to this? I've looked into clip-path a little but am not sure if that is the approach to take either.</p>
