document.addEventListener("DOMContentLoaded", () => {
    const targets = document.querySelectorAll(".blurred-anime");
    setTimeout(() => {
        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach((entry, index) => {
                if (entry.isIntersecting) {
                    const el = entry.target;
                    el.style.transitionDelay = `${index * 0.1 + 0.2}s`;
                    el.classList.add("blurred-anime-on");
                    observer.unobserve(el);
                }
            });
        }, {
            threshold: 0.1
        });
        targets.forEach(target => {
            observer.observe(target);
        });
    }, 1000);
});