$(window).load(function(){
/* В этой строке overlays у тебя будет NodeList (не jQ объект) */
let overlays = document.querySelectorAll('.overlays .overlay')
$('.close').click(function(){
$('.overlay').fadeOut()
})
$('.gallery-item').click(function(){
/* Тут у Node пытаешься вызвать jQ метод, которого соответственно нет */
// overlays[$(this).index()].fadeIn()
// Пробуй что-то такое
let i = $(this).index()
$(overlays[i]).fadeIn()
})
})
Почему никто не использует <?= ?> вместо js?
<?=?>