Как сделать анимацию увеличения картинки на каждой секции?

Question

[Максим js]

Здравствуйте, подскажите как можно реализовать анимацию изображений при нахождении именно на этой секции. То есть мы скроллим страницу и при попадании на каждую новую секцию присутствующие там изображения плавно наезжают(увеличиваются). Если эта секция ушла из видимости то анимация отключается и становится в начальное положение, чтобы при возвращении на эту секцию анимация повторилась с начала.

Comments

[v3shin]

А в чем затык-то?

[Максим js]

v3shin, в скрипте, не получается сделать адекватную работу

const image = document.querySelectorAll('.zoomimg');
const observer = new IntersectionObserver(
    (sections) => {
        sections.forEach((section) => {
            if (section.intersectionRatio > 0.1) {
                section.target.classList.add('active');
            } else {
                section.target.classList.remove('active');
            }
        });
    },
    { threshold: 0.1 }
);
image.forEach(feature => observer.observe(feature));