Бесконечная прокрутка panzoom.js

У меня есть проект где работы портфолио, которого нужно реализовать как бесконечная прокрутка страницы. Я использовал плагин panzoom.js https://github.com/timmywil/panzoom для прокрутки

Вопрос в том, как правильно генерировать блоки и убирать те, которые вне области видения? (пример того, что я хочу реализовать https://www.duroc.ma/en/)

<div class="content">
        <div class="container">
            
            <div class="wrap">
                <a href="#" class="block block-1">
                    <img src="images/dest/1.png" alt="">
                </a>
                <a href="#" class="block block-2">
                    <img src="images/dest/2.png" alt="">
                </a>
                <a href="#" class="block block-3">
                    <img src="images/dest/3.png" alt="">
                </a>
                <a href="#" class="block block-4">
            </div>

        </div>
    </div>

<script>

panzoom(element, {
    minZoom: 1,
    maxZoom: 1,
});

</script>