Thumbnail slider sync code

<script>

function initSync() {
  initTimeout = setTimeout(syncSliders, 50);
}

function syncOnResize() {
  resizeTimeout = setTimeout(syncSliders, 260);

}

function syncSliders() {
  const	main = bricksData.splideInstances['dqnrgd'],
  			thumbnail = bricksData.splideInstances['cwjtxi']

   if( main && thumbnail) {
   main.sync(thumbnail)

  }

  clearTimeout(initTimeout);

}



document.addEventListener( 'DOMContentLoaded', initSync)
 window.addEventListener("resize", syncOnResize)


</script>


<style>

  #thumbnail .splide__pagination__page{
    transition: width 0.4s, color 0.4s;
  }

  #thumbnail-slider .splide__slide.is-active {
    border: 3px solid transparent !important;
    transform: scale(1.2);
}



</style>