Jquery appendTo не делает этого при изменении размера

Question

Я клонировал элемент из карусели и одновременно добавил его к другому div.Это работает нормально, пока я не изменю размеры окна и не перестану добавлять 2 пикселя (1024 - 1025 пикселей).

Это происходит, когда карусель изменяется с 3 элементов на 4, но это не должно влиять на .appendTo

Это мой код

HTML:

<!-- Item to append -->
<div id="carousel-clone">
   <div class="item1 news_item " style="float: left; list-style: none; position: relative; width: 240px;"></div>
</div>


<!-- Appended to -->
<div class="bx-wrapper" style="max-width: 1020px;"></div>

JQUERY:

//Carousel - fix first item on scroll
$(window).on('load resize', function () {
    var $cloned = $('.bx-viewport .carousel .news_item.item1').clone();
    $('#carousel-clone').html($cloned);
    $("#carousel-clone").appendTo(".bx-wrapper");
});