First, use this to Custom CSS

/* Homepage - Top Banner Slideshow */
section[data-section-id="6993a8dd53bebe34dd73d371"] {
  li.list-item .slide-content {
    visibility: hidden;
  }
  .slide-content.list-item-card-background {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
}

Next, use this code to Code Injection > Footer (or Individual Page Header Injection)

<script>
document.addEventListener('DOMContentLoaded', function() {
  const sectionElement = document.querySelector('section[data-section-id="6993a8dd53bebe34dd73d371"]');
  
  if (sectionElement) {
    const slideContent = sectionElement.querySelector('li.list-item:nth-child(1) .slide-content');
    const slideshowHolder = sectionElement.querySelector('.slideshow-holder');
    
    if (slideContent && slideshowHolder) {
      slideshowHolder.appendChild(slideContent);
    }
  }
});
</script>

 

Buy me a coffee