JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

JavaScript

$('.ellipse').css({ 
'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)'
});