Code is not working on Live site

Hi,
Live page: www.ondrejzruna .com
so I´v created side bars on my page to use them as nav.system between my projects evryhing is working just as i wan to but only in preview when i load live page siders always freeze after i hover over them and never retrac back

import wixAnimations from ‘wix-animations’ ;

$w.onReady( function () {

activateSidebarMenu1();
activateSidebarMenu2();

});
function activateSidebarMenu1() {

const sidebar = $w( ‘#Sidebar1L’ )
const sidebarWidth = 60 //px
const pageSections = $w( ‘#section4’ )

$w( ‘#HOVERboxL’ ).onMouseIn(() => {
wixAnimations.timeline()
.add(sidebar, { x: 0 , duration: 200 })
.add(pageSections, { x: sidebarWidth, duration: 200 }, 0 )
.play();

  }); 

  $w( '#Sidebar1L' ).onMouseOut(() => { 
        wixAnimations.timeline() 
        .add(sidebar, { x: - 120 , duration:  300  }) 
        .add(pageSections, { x: 0 , duration:  300  }, 0 ) 
        .play(); 
        }); 

}

function activateSidebarMenu2() {

const sidebar = $w( ‘#Sidebar1P’ )
const sidebarWidth = 60 //px
const pageSections = $w( ‘#section4’ )

$w( ‘#HOVERboxP’ ).onMouseIn(() => {
wixAnimations.timeline()
.add(sidebar, { x: 0 , duration: 200 })
.add(pageSections, { x: -sidebarWidth, duration: 200 }, 0 )
.play();

  }); 

  $w( '#Sidebar1P' ).onMouseOut(() => { 
        wixAnimations.timeline() 
        .add(sidebar, { x:  120 , duration:  300  }) 
        .add(pageSections, { x: 0 , duration:  300  }, 0 ) 
        .play(); 
        }); 

}