Как сделать смену фото при наведении на другой объект в ZeroBlock в Tilda

<style>
    .mainphoto{
        opacity:0;
        transition:all 0.3s linear;/*Плавность анимации*/
    }
    .showphoto{
        opacity:1;/*Задаём прозрачность*/
    }
</style>
<script>
    $('a[href="#mainphoto"]').addClass('mainphoto');//Присваиваем класс к фото
    $( 'a[href="#changephoto"]').hover(  //При наведении на кнопку со ссылкой
  function() {   $('.mainphoto').addClass('showphoto');//Добавляем класс с прозрачностью
  }, function() {  $('.mainphoto').removeClass('showphoto');//При отведении - убираем
  });
</script>