Как увеличивать фон у блоков при прокрутке страницы?

Question

[Максим js]

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

Пока вот так сделал, но тут уже после первого срабатывания на всей странице всё увеличилось и сделано это как анимация 5сек, а хотелось бы отталкиваться от значения самого scrollTop() типа если .val увеличивается или уменьшается на 1, то background size увеличиваем в процентах.

$(window).scroll(function () {
    const img = $('.zoomimg');
    const scrollPage = $(this).scrollTop();
    let scrollPos = 0;
    $(window).on('scroll', function () {
        if (scrollPage > scrollPos) {
            img.css('transform', 'scale(1.5)');
        } else {
            img.css('transform', 'scale(1)');
        }
        scrollPos = scrollPage;
    });
});