inlineSVG disappears on navigation in ionic

Question

I have an image with [inlineSVG]. When I navigate to the page, it appears for few seconds then disappear.

.html file of my component:

<ion-card class="card">
   <div class="card-image" [inlineSVG]="'./assets/img/image.svg'"></div>
     <ion-card-content class="detail-container">
        <ion-label><b>Share</b></ion-label>
        <ion-label>Share to the world</ion-label
>
    </ion-card-content>
</ion-card>

css of image is:

.card-image {
   margin: 20px 4vw 0px 4vw;
   height: 101px;
   width: 90%;
}     

I do not find any clue why it is happening. If you know then please share it with me. Thanks a lot