On my home page, I have 2 rows of horizontal images, whenever I click on a button it goes to another page without crashing, but whenever I go back to the page with the images, the transition from a locked one, until finally it’s completed, there aren’t many images. This “crash” only occurs on the cell phone. The images come dynamically from the bank
Home (tab-1)
<div id="tab-1" class="tab tab-active">
<div class="navbar navbar-large">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left navbar-hide">
<a href="#" class="link icon-only panel-open" data-panel="left">
<img src="css/chimbas.jfif" class="img-fluid logo">
</a>
</div>
<div class="right navbar-hide">
<a href="/right-panel/" class="link notifications icon-only count-badge">
<svg id="Layer_4" width="40" fill="#8e8e92" enable-background="new 0 0 24 24" height="34" viewBox="0 0 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><g><path d="m21.379 16.913c-1.512-1.278-2.379-3.146-2.379-5.125v-2.788c0-3.519-2.614-6.432-6-6.92v-1.08c0-.553-.448-1-1-1s-1 .447-1 1v1.08c-3.387.488-6 3.401-6 6.92v2.788c0 1.979-.867 3.847-2.388 5.133-.389.333-.612.817-.612 1.329 0 .965.785 1.75 1.75 1.75h16.5c.965 0 1.75-.785 1.75-1.75 0-.512-.223-.996-.621-1.337z"/><path d="m12 24c1.811 0 3.326-1.291 3.674-3h-7.348c.348 1.709 1.863 3 3.674 3z"/></g></svg>
</a>
<div id="badge_container"></div>
</div>
<div class="title-large navbar-show">
<div class="title-large-text"> <a class="col button button-round button-fill text-center mx-auto btn-order" href="/pedido/" data-transition="f7-push">Fazer pedido</a></div>
</div>
</div>
</div>
<div class="page-content" id="lazy-page">
<div class="ml-3">
<p class="mt-4" style="color: #CACACC;">Shows e atrações</p>
<hr class="hr-lobby">
<div class='swiper-improvised' id="events">
</div>
</div>
<div class="ml-3 mb-4">
<p class="mt-2" style="color: #CACACC;">Combos e promoções</p>
<hr class="hr-lobby">
<div id="promotions" class='swiper-improvised'>
</div>
</div>
</div>
</div>