Transition of gradient background on hover

I am trying to create a hover effect on a container with a background gradient. I cannot figure out if I’m doing something wrong or if it’s just not possible, but I can’t give the hover effect a transition.

I’m using advanced backgrounds > gradient > on hover. Advanced background does not have the option to add a transition, and when I add one from the effects panel, no transition is happening.

I’m able to do it with a background image, but cannot figure it with a background gradient. Is there a trick I don’t know about? Am I missing something?? Thank you!