Javascript 增加泳衣包装内物品的高度和宽度

我目前正在开发Angular 8应用程序。我有一些 类别，我目前正在使用swiper幻灯片显示这些类别。我 我们要做的是增加这些项目的高度和宽度。我已经 插入图像以便进一步理解

我的HTML代码

<div *ngIf="subCategoryFlag==0" class="row">
  <div class="col-12">
    <div class="section-header-left">
      <h3 class="text-light-black header-title title">{{brand_Name}} Recipes</h3>
    </div>
  </div>
  <div class="col-12">
    <div class="category-slider swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" *ngFor="let i = index; let category of brand_Categories">
          <a href="javascript:void(0)" (click)="getSubCategories(category.CategoryId,category?.CategoryTitle)"
             class="categories">
            <div class="icon text-custom-white bg-light-green" (click)="toggle(i)" [ngClass]="(selectedID == i) ? 'selected' : 'not-selected' ">
              <img
                src="{{category?.CategoryImage || 'https://giftclubimagestorage.blob.core.windows.net/images/biryani.jpg'}}"
                class="rounded-circle"
                alt="{{category?.CategoryTitle || ''}}">
            </div>
            <span class="text-light-black cat-name">{{category?.CategoryTitle || ''}} </span>
          </a>
        </div>
      </div>
      <!-- Add Arrows -->
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
  </div>
</div>

{{品牌名称}}食谱