diff --git a/projects/common/ui-elements/radio-with-images/radio-group-images.component.ts b/projects/common/ui-elements/radio-with-images/radio-group-images.component.ts
index bfa521653d68d688adc75ca474b41cee14c60058..7bc4d3250f827feb535d20c7486a8b2202712591 100644
--- a/projects/common/ui-elements/radio-with-images/radio-group-images.component.ts
+++ b/projects/common/ui-elements/radio-with-images/radio-group-images.component.ts
@@ -24,16 +24,20 @@ import { FormElementComponent } from '../../directives/form-element-component.di
              [innerHTML]="elementModel.label">
       </label>
       <div *ngFor="let option of elementModel.columns; let i = index"
-           class="columns" fxLayout="column"
+           class="columns" fxLayout="column" fxLayoutAlign="center center"
            [style.grid-column-start]="1 + i"
            [style.grid-column-end]="2 + i"
            [style.grid-row-start]="2"
            [style.grid-row-end]="3"
            (click)="selectOption(i)">
         <img *ngIf="option.imgSrc && option.position === 'above'"
+             [style.object-fit]="'scale-down'"
+             [style.max-width.%]="100"
              [src]="option.imgSrc | safeResourceUrl" alt="Image Placeholder">
         <div>{{option.text}}</div>
         <img *ngIf="option.imgSrc && option.position === 'below'"
+             [style.object-fit]="'scale-down'"
+             [style.max-width.%]="100"
              [src]="option.imgSrc | safeResourceUrl" alt="Image Placeholder">
       </div>
       <mat-radio-group aria-labelledby="radio-group-label"