// JSON data representing the images
        
    const additionalImages = [
    "omn-offer-24-1.jpg",
    "omn-offer-24-2.jpg",
    "omn-offer-24-3.jpg",
    "omn-offer-24-4.jpg",
    "omn-offer-24-5.jpg",
    "omn-offer-24-6.jpg",
    "omn-offer-24-7.jpg",
    "omn-offer-24-8.jpg",
    "omn-offer-24-9.jpg",
    "omn-offer-24-10.jpg",
    "omn-offer-24-11.jpg",
    "omn-offer-24-12.jpg"
];
    const randomImage = additionalImages[Math.floor(Math.random() * additionalImages.length)];
    const images = [
            { "src": `img/${randomImage}`,  "link": "pdf/inbound-new/" },
            { "src": "img/LUXURY_Banner_small-1.jpg",  "link": "luxury.php"  },
            { "src": "img/ADVENTURE_banner_small-1.jpg",  "link": "adventure.php"  },
            { "src": "img/DAY-EXCURSIONS_Banner_small-1.jpg",  "link": "dayexcursions.php"  },
            { "src": "img/WEDDING_banner_small.png",  "link": "weddings.php"  },
            { "src": "img/M.I.C.E._banner_small.png",  "link": "m-i-c-e.php"  }
        ];

        // Reference to the container where the images will be added
        const imageContainer = document.getElementById('culturaldiscoverwrap');

        // Loop through the JSON data and create the HTML structure with links
        images.forEach(image => {
            const div = document.createElement('div');
            div.className = 'pb-4';

            // Create the anchor tag
            const anchor = document.createElement('a');
            anchor.href = image.link;

            // Create the image element
            const img = document.createElement('img');
            img.src = image.src;
            img.className = 'w-100 img-fluid';

            // Append the image to the anchor tag
            anchor.appendChild(img);

            // Append the anchor tag to the div
            div.appendChild(anchor);

            // Append the div to the container
            imageContainer.appendChild(div);
        });