Having trouble getting images to change

I am having trouble getting the images to change on an event listener. The messages work fine but for some reason the images won’t change out when an event is triggered. I am a beginner with front end development and this is a self project I am doing. I followed along with this template but I do not know why it won’t work.
Template https://codepen.io/codifiedconcepts/pen/bwgxRq

Here are all the code associated with my project
https://github.com/LordCrusader1/Star-Wars-Clock-Official/blob/main/starwarsclock.js

Here is a visual of the issue I am dealing with and the associated images that the image should change to
https://youtu.be/qNyr109N2yY?si=NFTuk-oRtnwxIWUk