Buy me a coffee

Panel

In Panel Moving code you added, scroll down to script code

Pane

Replace it with this new script code

<script>
document.addEventListener("DOMContentLoaded",function(){
var SLIDER_CONFIG={
  sectionSelectorID:'section[data-section-id="694a4de42c927f22fd09b0ce"]',
  autoplay:true,
  autoplayDelay:3000,
  pauseOnHover:true,
  pauseOnClick:false,
  resumeOnLeave:true
};
var s=document.querySelector(SLIDER_CONFIG.sectionSelectorID);if(!s)return;var l=s.querySelector('.user-items-list-item-container'+SLIDER_CONFIG.sectionSelectorID.replace("section",""));if(!l)return;var i=[].slice.call(l.querySelectorAll(".list-item"));if(!i.length)return;var C=["#FD3555","#2A86BA","#252E33","#FFB866"],d=document.createElement("div");d.className="slider-container";var L=document.createElement("div");L.className="left-slide";var R=document.createElement("div");R.className="right-slide";i.forEach(function(e,t){var n=e.querySelector(".list-item-content__title"),o=e.querySelector(".list-item-content__description"),r=o?o.querySelectorAll("p"):[],a="",c="";r.length&&(a=r[0].textContent.trim(),r.length>1&&(c=[].slice.call(r).slice(1).map(function(e){return e.textContent.trim()}).join(" ")));var u=e.querySelector("img.list-image"),m=u?u.currentSrc||u.src:"",p=document.createElement("div");p.style.backgroundColor=C[t%C.length];var h=document.createElement("h1");h.textContent=n?n.textContent.trim():"";p.appendChild(h);a&&(q=document.createElement("p"),q.textContent=a,p.appendChild(q));c&&(v=document.createElement("p"),v.textContent=c,p.appendChild(v));L.appendChild(p);var g=document.createElement("div");m&&(g.style.backgroundImage="url('"+m+"')");R.appendChild(g)});var q,v,b=document.createElement("div");b.className="action-buttons";var x=document.createElement("button");x.className="down-button";var y=document.createElement("button");y.className="up-button";b.appendChild(x);b.appendChild(y);d.appendChild(L);d.appendChild(R);d.appendChild(b);l.parentNode.insertBefore(d,l);var k=R.querySelectorAll("div").length,f=0,M=window.matchMedia("(max-width: 767px)"),w=M.matches,H=0,W=0;function I(){w=M.matches,x.innerHTML=w?'<i class="fa fa-arrow-left"></i>':'<i class="fa fa-arrow-down"></i>',y.innerHTML=w?'<i class="fa fa-arrow-right"></i>':'<i class="fa fa-arrow-up"></i>'}function P(){w=M.matches,H=d.clientHeight,W=d.clientWidth,w?(L.style.top="58%",R.style.top="0",L.style.left=-(k-1)*W+"px",R.style.left="0",L.style.transform="translateX("+f*W+"px)",R.style.transform="translateX(-"+f*W+"px)"):(L.style.left="0",R.style.left="35%",L.style.top=-(k-1)*H+"px",L.style.transform="translateY("+f*H+"px)",R.style.transform="translateY(-"+f*H+"px)")}function S(e){("next"===e?++f>k-1&&(f=0):--f<0&&(f=k-1)),P()}var T=null,z=!1;function A(){SLIDER_CONFIG.autoplay&&!z&&(clearInterval(T),T=setInterval(function(){S("next")},SLIDER_CONFIG.autoplayDelay))}function O(){T&&(clearInterval(T),T=null)}function E(){z=!0,O()}function N(){SLIDER_CONFIG.resumeOnLeave&&(z=!1,A())}y.addEventListener("click",function(){S("next"),SLIDER_CONFIG.pauseOnClick&&E()}),x.addEventListener("click",function(){S("prev"),SLIDER_CONFIG.pauseOnClick&&E()}),SLIDER_CONFIG.pauseOnHover&&(d.addEventListener("pointerenter",E),d.addEventListener("pointerleave",N)),SLIDER_CONFIG.pauseOnClick&&(d.addEventListener("pointerdown",E,{passive:!0}),d.addEventListener("touchstart",E,{passive:!0}),d.addEventListener("click",E)),window.addEventListener("resize",function(){I(),P()}),M.addEventListener?M.addEventListener("change",function(){I(),P()}):M.addListener&&M.addListener(function(){I(),P()}),document.addEventListener("visibilitychange",function(){document.hidden?O():A()}),I(),P(),A();
});
</script>

Pane

You need to update Section ID + Other settings here

Pane