Not sure where the blazes you got the term "image adder" much less the notion those aren't still favicons. It's still a favicon, thus why it is rel="icon'. All you've done is declare another file format. Just because it's not .ico doesn't mean it's not a favicon.

And one should generally STILL provide a .ico before you do your jpg, png, or webp. PNG and webp are also more efficient for favicons since they can do alpha transparency. JPEG is kinda crap in that department.

The utility of your color change is also rubbish, what with slopping scripting into the markup where it doesn't belong with the painfully long-in-the-tooth onevent attributes, much less the deprecated bgColor attribute. Nothing like the bleeding edge of HTML 3.2 techniques.

x-webkit-speech is deprecated, you're supposed to hook it with JavaScript now, and even then browser support is basically in an alpha state outside of Safari.

https://caniuse.com/speech-recognition

Seriously, check your browser console, x-webkit-speech should be tossing a warning about how you're not supposed to be using it anymore. This is why you don't suggest using stuff that's still in draft on production sites.

And big tip, if the content of an option is the same as the value, just put it in as the option text, not the value. Where you have:

<option value="Africa"></option>

You should have simply written:

<option>Africa</option>

Functionally identical, saves you some typing!