CSS Transition / Animation: Blend-Mode weich verändern

[Killua]

Wie kann man beim Hover (z.B: eines Logos) von einem mix-blend-mode weich zu einem anderen mix-blend-mode übergehen?

Folgenes funkt bez. Größe und Transparenz wie es soll - als weicher Übergang:

.headerlogo {
   width: 40%; height: auto;
   filter: opacity(0.5);
   mix-blend-mode: normal;
   transition:
      width 5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s,
      filter 0.5s ease-in-out 0s,
      mix-blend-mode 0.5s ease-in-out 0s;
}
.headerlogo:hover { 
   width: 50%; 
   filter: opacity(1); 
   mix-blend-mode: hard-light;}

Was hier nicht weich übergeht, ist der Blend-Mode, der ändert sich sofort.

Was mache ich falsch?