如何使2x2网格响应离子图像？

Question

我想像这样的图像制作一个网格，当它改变分辨率时，它保持相同的形状

图像大小不同，主题是我希望它像刚开始时放置的图像一样，只是我不知道如何让我保持那种图像

问题是我最终会像这样出现

<ion-grid>
    <ion-row>
        <ion-col >
            <a block>
                <img src="assets/imgs/image1.png">
            </a>
        </ion-col>
        <ion-col >
            <a block>
                <img src="assets/imgs/image2.png">
            </a>
        </ion-col>
    </ion-row>
    <ion-row>
        <ion-col >
            <a block>
                <img src="assets/imgs/image3.png">
            </a>
        </ion-col>
        <ion-col >
            <a block>
                <img src="assets/imgs/image4.png">
            </a>
        </ion-col>
    </ion-row>
</ion-grid>