Since daylight saving, 'getHours' doesn't reference the correct time

The problem… I have a dynamic page where the background image and some expander titles & text change at specific times of the day. Since Sunday, when the clocks went forward, they change an hour later than they should. e.g. the velo code instructs the background image to change at 9am but didn’t change until 10am.

My guess… is that the ‘getHours’ code I use to trigger a change in image / text looks at a reference clock that is not in line with the correct time.

Question… I’ve reported to Wix and they suggest I ask the forum. Is there a way to fix this?

The code snippet is:

 $w.onReady(function () {
    $w("#dynamicDataset").onReady(function(){

const date = new Date();       
const hour = date.getHours();  

if(hour <= 9){               
    $w("Document").background.src = $w("#dynamicDataset").getCurrentItem().earlyImage;  
    
// and so on

Update…

I changed the code to…
const hour = new Date (). getHours ();

I tested it and it seems like it might work. I’ll have to wait until the next time period to be sure.

I have no idea why. Any ideas???

Update… it doesn’t work.
In order to make the background change at 9am, I have to use code that instructs it to change at 8am.

Any ideas out there?