By default, the gradient starts from the center,
but we can change its position by specifying
it along with the shape of the gradient
using position keywords.
Common positions keywords include top, bottom,
left, right, top left, bottom right, etc.
Let's look at some examples:
In the example above, the first one creates a circular
gradient with the center at the top,
and the second one creates an elliptical gradient
with the center at the bottom right.