Full screen background gallery with a logo.png overlay - help!?

Hello I'm trying to make a simple holding page that is a fullscreen background image that cycles through various other images, and has my company logo over the top. 

I've figured out how to do this with a single image, and to hide the header and footer. But I can't find a solution for doing it with a series of background images. 

I can make a full screen gallery. But I can't find a way to put my logo.png over the top. 

This is the effect I want, but with a series of images cycling through underneath the logo. 

Any help gratefully received. 

Hi,

You can use Gallery Section - Slideshow Full, then enable Autoplay

With Logo over Image, we can use some CSS code to do this + hide header/footer

You can add Gallery Slideshow then share page url, we can give the code

@tuanphan — can you provide the code? Thanks!

12 hours ago, twostudios said:

@tuanphan — can you provide the code? Thanks!

Use this CSS code

section[data-section-id="6558657e931a277b8246a713"] .gallery-fullscreen-slideshow-wrapper:before {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2023/07/10/06/52/trail-8117575_1280.jpg);
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    width: 100px;
    height: 100px;
}

replace with your slideshow gallery data section id, use this free tool to find id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff