jquery ".load" не загружается после добавления содержимого

Я использую .load для загрузки HTML-кода, который загружает фотографию. Он работает хорошо, но когда я добавляю больше фотографий (без jquery) на странице, чем первая фотография исчезает. Наверное, не сможет загрузить ... Что я могу сделать?

JQuery:

function uvodni_fotka_load(){

    if(window.innerWidth < 700){
    $(function(){
      $("#uvodni_fotka").load("mobile.html");
    });
    } else {
    $(function(){
      $("#uvodni_fotka").load("normal.html");
    });
    }
}
uvodni_fotka_load();

HTML, который я хочу загрузить (этот код со страницы, где у меня есть фотографии и работает хорошо):

<canvas data-prodibi='{"id":"r0265j8w89d9jk","width":5892,"height":2812,"smartX":0.5,"smartY":0.538629,"account":"vitius"}'>
    <script>
        ;
        ! function () {
            if ( window.prodibiAsync == null ) {
                var s = document.createElement( 'script' );
                s.async = !0;
                s.src = 'https://max1.prodibicdn.com/libraries/pages/prodibi.embed.2.0.min.js';
                document.body.appendChild( s );
            }
            window.prodibiAsync = window.prodibiAsync || [];
            prodibiAsync.push( {
                type: "settings",
                settings: {
                    account: "vitius"
                }
            } );
        }();
    </script>
</canvas>