With this CSS only snippet by Erin E. Sullivan you can style your numbered list to have a multi gradient background for the numbers in the list. The list also has a card UI layout.
If you are having trouble with the pen, try the archived copy on GitHub
Gradient Ordered List Snippet
See the Pen Gradient Ordered List by Erin E. Sullivan (@erinesullivan) on CodePen.default