Как можно применить один и тот же эффект ко всем изображениям одновременно?

Для применения одного и того же эффекта ко всем изображениям одновременно, можно использовать общий класс для всех изображений и применить стили или JavaScript к этому классу.

Например, если у вас есть несколько изображений с классом "image", и вы хотите применить эффект наведения ко всем изображениям сразу, можно использовать следующий CSS-код:

```css
.image:hover {
  // стили для эффекта наведения
}
```

Если вы хотите также применить эффект наведения к каждому отдельному изображению на странице, можно использовать JavaScript для добавления обработчика событий ко всем изображениям. Например, с помощью jQuery можно сделать следующим образом:

```javascript
$(document).ready(function() {
  $('.image').hover(function() {
    // стили для эффекта наведения
  });
});
``` 

Таким образом, вы сможете применить эффект наведения ко всем изображениям одновременно.

const theImage = document.querySelector('.image')
    new ImageHover(theImage);
 
 querySelector возвращает первый попавшийся подходящий элемент, тебе надо использовать querySelectorAll чтобы получить все три картинки, перебрать полученный список и для каждой создать ImageHover

вставь вот это 
const Images = document.querySelectorAll('.image')
 Images.forEach(image=>
 new ImageHover(image)
 )
 
 вместо своего блока с document.querySelector в конце скрипта 
 То есть вместо 
// The image element
    const theImage = document.querySelector('.image')
    new ImageHover(theImage);