Transition off duotone filter on hover within the post body

[slambert]

Is your feature request related to a problem? Please describe.
The duotone image treatments are great, but it would be nice to see the full color image on hover transition to the full color image on hover within the body of the post/page.

Describe the solution you'd like
Remove duotone treatment on hover automatically with a transition.

Additional contexts
ee below

[slambert]

I got this filter turning off on hover here:

c4aa-org/src/css/_03-generic.scss

Lines 599 to 604 in 3604825

	/* turn off duotone on hover */
	.wp-block-image img:hover, figure[class*="wp-duotone"] img:hover {
	-webkit-filter: unset;
	filter: unset;
	}

I'd like to get a .3s css transition happening

I tried several things, including things like this:

.wp-block-image img, figure[class*="wp-duotone"] img {
	filter: inherit;
	transition: filter 0.3s ease-in-out 0s;
}

.wp-block-image img, figure[class*="wp-duotone"] img {
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 1s -moz-filter linear;
    -moz-transition: 1s filter linear;
    -ms-transition: 1s -ms-filter linear;
    -o-transition: 1s -o-filter linear;
    transition: 1s filter linear, 1s -webkit-filter linear;
}

But none made the transition happen. I'm wondering if it's even possible...

I've hit the limit of my knowledge. Anyone is free to take this.