.project-slide-content {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity;
}

function initProjectHover() {

    const contents = document.querySelectorAll('.project-slide-content');

    if (!contents.length) return;

    const resetOpacity = () => {
        contents.forEach(item => {
            item.style.opacity = '1';
        });
    };

    contents.forEach(content => {

        content.addEventListener('mouseenter', () => {

            contents.forEach(item => {
                item.style.opacity = item === content ? '1' : '0.8';
            });

        });

        content.addEventListener('mouseleave', resetOpacity);

    });

}


// Init
if (document.readyState === 'loading') {

    document.addEventListener('DOMContentLoaded', initProjectHover);

} else {

    initProjectHover();

}