Need Help with Webflow SVG Hover Transition Issues

Is anyone online that can help me with a webflow hover transition I can't seem to figure out? I don't think I've built it correctly which might be why but I have an SVG that when the user hovers on, the hover state displays a background SVG (so stacking the 2 SVGs on hover). I'd like the transition to be smoother but I don't see any options to set a transition between the two states. I have tested with increasing the size from default state and hover state and that worked but I can't set the background SVG to ease in.