Fix background image of Ion Content

I have a login page that look like this:

When my keyboard is visible, the image move on top of it:

Here is my code:

<ion-content class="ion-padding">
</ion -content>

  --background: #EFF6FD url('../../../assets/images/login/background.png') no-repeat 100% 100%;

and a the image in the background in only small illlustration

My goal is to make it stay bottom right of the screen even the keyboard is visible. Thank you in advance!