Everyone here has been a huge help. I copied and pasted the coding to make my home page circles in color and then fade to grayscale while hovering.
Everything works fine in Chrome browser.
When using Firefox, the images are in grayscale, and then when I hover over the image circle, it disappears.
I've seen another person's site that has similar problems (images are in grayscale in firefox) but the images turn to color while hovering. (the person's site i'm referencing is sharongolod.com).
My site is lizandalex.com. As you can see, it is a wedding website, and the fiancee is getting antsy for the website. Help. Please.