<ng-container *ngIf="content">
  <h2>Have you seen...?</h2>
  <div fxLayout="row" fxLayoutGap="5%" fxLayout.lt-lg="column">
    <div ngClass.gt-xs="card-gt-xs">
      <mat-card>
        <img mat-card-image [src]="apiService.getAssetUrl(content.image)">
        <mat-card-content>
          <h2 style="font-size: 20px;">{{content.name}}</h2>
          <p>{{content.summary}}</p>
        </mat-card-content>
        <mat-card-actions>
          <div fxLayout="column" fxLayoutAlign="center end">
            <button mat-button [routerLink]="['/content', content.id]" color="primary">Details</button>
          </div>
        </mat-card-actions>
      </mat-card>
    </div>
  </div>
</ng-container>

<ng-container *ngIf="content">
  <h2>Have you seen...?</h2>
  <div fxLayout="row" fxLayoutGap="5%" fxLayout.lt-lg="column">
    <div ngClass.gt-xs="card-gt-xs">
      <mat-card>
        <div style="margin: 2em;" >
          <img mat-card-image [src]="apiService.getAssetUrl(content.image)">
        </div>
        <mat-card-content>
          <h2 style="font-size: 20px;">{{content.name}}</h2>
          <p>{{content.summary}}</p>
        </mat-card-content>
        <mat-card-actions>
          <div fxLayout="column" fxLayoutAlign="center end">
            <button mat-button [routerLink]="['/content', content.id]" color="primary">Details</button>
          </div>
        </mat-card-actions>
      </mat-card>
    </div>
  </div>
</ng-container>

Add padding to featured card image
Add padding to featured card image
