svg animations on load wp

svg animations load
<script>
    AOS.init();

    let svgHolder_0 = $('#svgHolder0');
    let svgHolder_1 = $('#svgHolder1');
    let svgHolder_2 = $('#svgHolder2');
    let svgHolder_3 = $('#svgHolder3');

    let svgSection_0 = $('.section-svg-0');
    let svgSection_1 = $('.section-svg-1');
    let svgSection_2 = $('.section-svg-2');
    let svgSection_3 = $('.section-svg-3');

    let loaded_0 = false;
    let loaded_1 = false;
    let loaded_2 = false;
    let loaded_3 = false;

    function loadFirst() {
        if (!loaded_0) {
            svgHolder_0.load("./wp-content/themes/osam/assets/svg/svg_0.html", function () {
                loaded_0 = true;
            });
        }
    }

    function loadSecond() {
        if (!loaded_1) {
            svgHolder_1.load("./wp-content/themes/osam/assets/svg/svg_1.html", function () {
                loaded_1 = true;
            });
        }
    }

    function loadThird() {
        if (!loaded_2) {
            svgHolder_2.load("./wp-content/themes/osam/assets/svg/svg_2.html", function () {
                loaded_2 = true;
            });
        }
    }

    function loadFourth() {
        if (!loaded_3) {
            svgHolder_3.load("./wp-content/themes/osam/assets/svg/svg_3.html", function () {
                loaded_3 = true;
            });
        }
    }

    $(window).on('scroll touchmove', function () {
        if (svgSection_0.visible(true)) {
            loadFirst();
        }
        if (svgSection_1.visible(true)) {
            loadSecond();
        }
        if (svgSection_2.visible(true)) {
            loadThird();
        }
        if (svgSection_3.visible(true)) {
            loadFourth();
        }
    });
</script>


HTML:
   <div class="image-holder svg-inject" id="svgHolder0">

                        </div>