Ion-img with blurred image as background

Hi there, i want to have an effect like in whatsapp when you have an image which wouldn’t fit into a 16:9/1:1 pattern, so that you have the same image as a background left and right.
This isn’t the big deal and working like that:

<ion-img
      [src]="croppedImage.objectUrl"
      [ngStyle]="{'background-image':'url('+ croppedImage.objectUrl +')'}"
/>

But how do i get just the background-image blurred and not the main image?