How to change the Source Image of a UI Button when the mouse is on it?

Hello I'm trying to make a UI button change its Source Image when the mouse is over it, and when the mouse is no longer over the button, the button's Source Image is back to normal. I know that a sprite is needed to be the button's source image, so I created two image sprite files (one being the normal image and the other being the image when the mouse hovers over the button)

I'm very new to Unity so sorry for my lack of knowledge. I want to do this in C# code but how do I do it?

If you are using a UI Button:

In the Button Component, change the “Transition” to Sprite Swap.

At this point just attach your button-highlighted image into the Highlighted Sprite, slot.