JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Expect both divs to display the same aside from the 25px offset defined for Div1
</p>
Div 1:
<div id=div1></div>
Div 2:
<div id=div2></div>

CSS

p {color: #555}
div {height: 100px; width: 100px; display: inline-block; margin: 3px}

#div1 {
  background: radial-gradient(at top 25px left 25px, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

#div2 {
  background: radial-gradient(at top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}