const gridItems = document.querySelectorAll('.grid-item');

gridItems.forEach(item => {

    const video = item.querySelector('video');

    if (video) {
        video.currentTime = 0;
        video.pause();
        item.addEventListener('mouseenter', () => {


            video.play();
        });

        item.addEventListener('mouseleave', () => {
            video.pause();
            //video.currentTime = 0;
        });
    }
});