aiforge/templates/custom/home/home_activity.tmpl

<style>
.homeactivity {
  padding-top: 5rem;
  padding-bottom: 6rem;
  overflow: hidden;
}
.homeactivity .card {
  width: 360px !important;
  height: 160px !important;
}
.homeactivity img {
  width: 100% !important;
  height: 100% !important;
}
.homeactivity .image-name {
  font-size: 14px;
  color: rgb(16, 16, 16);
  text-align: center;
  margin-top: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
}
</style>
 <div class="ui container homeactivity _hm-container">
    <div class="ui center homepro-tit am-mb-20">
      <h2>{{.page_recommend_activity}}</h2>
      <p><span class="ui text grey">{{.page_recommend_activity_desc}}</p>
    </div>
    <div class="event-list">
      <div class="swiper-wrapper" id="recommendactivity"></div>
      <div class="swiper-pagination"></div>
    </div>
</div>