jtunnicliff

 <div class="flex flex-col justify-center items-center w-10/12 max-w-6xl mx-auto">
    <div class="relative"
         x-data="{
            activeImage: 1,
            images: [ '/media/slider1.jpg', '/media/slider2.jpg', '/media/slider3.jpg']
         }">

        <!-- Image slides -->
        <template x-for="(image,index) in images" :key="index">
            <div x-show="activeImage === index + 1"