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

var style = [
	'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)'
].join(';');

$('.ellipse').attr('style', style);

$('body').append($('.ellipse').attr('style'));