JSFiddle - React, Tailwind, and code Playground

HTML

<div class="demo-wrapper">
    <div class="ellipse">
    <h3>Elliptical Gradient</h3>
    Lorem Ipsum
    </div>
</div>

CSS

div.ellipse {
    background-image: radial-gradient(center bottom, ellipse cover, #ffeda3, #ffc800);
    background-image: -o-radial-gradient(center bottom, ellipse cover, #ffeda3, #ffc800);
    background-image: -ms-radial-gradient(center bottom, ellipse cover, #ffeda3, #ffc800);
    background-image: -moz-radial-gradient(center bottom, ellipse cover, #ffeda3, #ffc800);
    background-image: -webkit-radial-gradient(center bottom, ellipse cover, #ffeda3, #ffc800);
}

.demo-wrapper div {
    width: 910px;
    height: 250px;
    padding: 10px;
    margin: 25px auto;
    border: 5px solid #fff;
}