Elementor Pro Image Gallery

I am using the Elementor Image Gallery Pro. I cannot find a way to make link the images to a pdf file (which is in my media library). I have tried the below code which someone else suggested, but it does not work. I have tried everything. Any help would be appreciated.

<style>.e-gallery-item{cursor: pointer;} </style>

<script>
document.addEventListener('DOMContentLoaded', function () {

var filteredImages = document.querySelectorAll('.e-gallery-item');

//Edit the links HERE
var links = [
'https://lattatudes.com/wp-content/uploads/2021/10/Echostar.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/Housing.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/8177_CS_JetPort.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/schoolSystem.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/1CFOProject.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/SupplyChains.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/SarbanesOxleyCompliance.pdf/',
'https://lattatudes.com/wp-content/uploads/2021/09/GTSI_Corp_Brochure.pdf/',
];

var _loope = function _loope(i) {
filteredImages[i].addEventListener('click', function () {
location = links[i];
});
};

for (var i = 0; i < filteredImages.length; i++) {
_loope(i);
}

The page I need help with: [log in to see the link]