I created a repeater for cards with people, but due to the large amount of text, even more than 7 cards are not added
{% set home = home.record %}
<div class="hundredth">
<div class="container">
<div class="hun-cont" style="padding-top:5%;">
<div class="block-head">
<p class="title">{{home.title_100}}</p>
</div>
<div class="hun-slider">
<div class="hun-slider-cont">
{% for item in home.hundred %}
<div class="hun-card" onclick="openHunModal('{{ loop.index }}')">
<div class="card-cont">
<div class="img-back">
<img class="white-img" src="{{ item.img|media }}">
<img class="black-img" src="{{ item.img_black|media}}">
</div>
<div class="gradient"></div>
<div class="info">
<p class="name">{{item.name}}</p>
<p class="text">{{item.desc}}</p>
<div class="more-text">
<p>{{item.text|raw}}</p>
</div>
</div>
</div>
</div>
<div class="modal" id="hunModal{{ loop.index }}" style="display: none;">
<div class="modal-cont">
<span class="closeModal" onclick="closeHunModal('{{ loop.index }}')">×</span>
<div class="infoModal">
<p class="name">{{item.name}}</p>
<div class="text">
<p>{{item.moreText|raw}}</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
Please tell me what to do in such a situation