JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gr1"></div>

CSS

.gr1 {
    width: 100%;
    height: 500px;
    background: linear-gradient(to bottom, #494f2f 0%, #a3772e 22%, #835019 62%, #5e3a11 100%, #5e3a11 100%), radial-gradient(ellipse at center, #494f2f 0%, #a3772e 22%, #835019 62%, #5e3a11 100%, #5e3a11 100%);
}
.gr1:after {
    content :' ';
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 500px;
    background: radial-gradient(ellipse at center, rgba(238, 241, 100, 0.45) 0%, rgba(83, 89, 54, 0.01) 94%, rgba(73, 79, 47, 0.01) 100%);
}