<div style="display: flex; flex-wrap: wrap;">
<div style=" width: calc(50% - 2px); margin: 1px;">
<a style="" href="リンク先①">
<img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL①">
</a>
</div>
<div style=" width: calc(50% - 2px); margin: 1px;">
<a style="" href="リンク先②">
<img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL②">
</a>
</div>
<div style=" width: calc(50% - 2px); margin: 1px;">
<a style="" href="リンク先③">
<img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL③">
</a>
</div>
<div style=" width: calc(50% - 2px); margin: 1px;">
<a style="" href="リンク先④">
<img alt="" style="width: 100%; height: auto; border-radius:20px 20px 20px 20px;border:1px solid #ddd;" src="画像URL④">
</a>
</div>
</div>