function changeImage(element) {
    const mainImage = document.getElementById('currentImage');
    const thumbnails = document.querySelectorAll('.thumbnail');

    // Alterar a imagem principal
    mainImage.src = element.src;

    // Remover a classe 'active' de todas as miniaturas
    thumbnails.forEach(thumb => thumb.classList.remove('active'));

    // Adicionar a classe 'active' à miniatura clicada
    element.classList.add('active');
}