Hover photo on callout image

Hello, I am trying to set this page up where when you hover over one of these photos it displays another photo and then hovering off displays the original photo. I have a class set up on one of the photos (Milly Santiago) and the below CSS. I can see the photo in the background but it does not get rid of the original photo on hover and I would like it to be the same size and shape as the original photo that is cropped to a circle. Thanks in advance for the assistance. -Heather

.ge-link { background-image: url(‘https://www.ccclatinocaucus.org/wp-content/uploads/2018/06/Milly-Santiago-Ward-31.jpeg); background-repeat: no-repeat; background-size: 300px 285px; border-radius: 60%}
.ge-link:hover { background-image: url(‘https://www.ccclatinocaucus.org/wp-content/uploads/2018/07/CHGO-WARD_31.jpg’); background-repeat: no-repeat; background-size: contain;}

The page I need help with: [log in to see the link]