cloudinary cl-image标签和类

Question

此代码为原始代码。

<img 
 *ngFor="let photo of photoList" 
 dnd-draggable 
 [dragEnabled]="true" 
 [dragData]="photo" 
 class="lower-img" 
 src="{{ photo.image_url }}"
 width="60%" 
 (click)="addPhoto(photo)"> 

css在这里

.lower-img {
 margin: 10px 10px 10px 10px;
 width: auto;
 height: auto;
 max-width: 200px;
 max-height: 230px;
}

但是由于cloudinary ssl的设置，我不得不更改上面的代码。

         <cl-image
          class="lower-img"
          public-id="{{ photo.public_id }}"
          secure="true"
          *ngFor="let photo of photoList"
          dnd-draggable
          [dragEnabled]="true"
          [dragData]="photo"
          width="150"
          height="150"
          crop="fit"
          (click)="addPhoto(photo)">
        </cl-image>

但是css在此代码中不起作用。  我不知道如何将此CSS应用于cl-image标签。