Fix likert headings with images

Use flex to position image and text below one another. Don't use any 
image scaling setting. Now the images grow but don't shrink.

projects/common/element-components/compound-elements/likert.component.ts

@@ -28,19 +28,16 @@ import { CompoundElementComponent } from './compound-element.directive';
            [style.grid-row-start]="1"
            [style.grid-row-end]="2">
         <div *ngFor="let column of elementModel.columns; let i = index" class="columns"
+             fxLayout="column"
              [style.grid-column-start]="2 + i"
              [style.grid-column-end]="3 + i"
              [style.grid-row-start]="1"
              [style.grid-row-end]="2">
           <img *ngIf="column.imgSrc && column.position === 'above'"
-               [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
-               [style.object-fit]="'scale-down'"
-               [width]="200">
-          {{column.text}}
+               [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder">
+          <div>{{column.text}}</div>
           <img *ngIf="column.imgSrc && column.position === 'below'"
-               [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
-               [style.object-fit]="'scale-down'"
-               [width]="200">
+               [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder">
         </div>
       </div>