Randomizing images in a display gallery

Hello,

I have an animated gallery display block on my homepage and I was hoping to randomize the order of the images within so that my viewers are treated to different images when they visit my website.

My url is https://www.colinmalone.com

Thank you!

@ColinMaloneArt You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
    var $slideshow = $('body.homepage .gallery-fullscreen-slideshow-list');
    var $slides = $slideshow.children(); 
    $slides.css({
        visibility: 'hidden',
        display: 'none'
    });
    var randomSlide = $slides.eq(Math.floor(Math.random() * $slides.length));
    
    randomSlide.css({
        visibility: 'visible',
        display: 'block' 
    });
});

</script>