Css UL上图像的特定布局

如何用图像编码ul列表，使其看起来像下图

我想我必须做这样的东西？（这不是正确的代码）

图像1
图像2

图3

图1
图2


图3

我不确定这是否适合使用

ul

。我使用ul是因为我可以很容易地更改布局，尤其是当我必须处理不同的屏幕时。谢谢你的帮助。：）UL是指bulletpoint列表，这真的是你想要的吗？如果这个答案有用，请投票表决；如果不是，为什么不呢？你可以用UL做任何事情。我使用UL列表作为图像库，因为它更容易用CSS和整体布局来操纵每个元素，以便在不同的屏幕尺寸下看起来更好。

<ul>
<li><ul><li>IMAGE1</li><li>IMAGE2</li></ul></li>
<li>IMAGE3</li>
</ul>

<ul style="list-style-type: none; flex-direction: row; display: flex; justify-content; center; align-items: center;">
  <li>
    <ul style="list-style-type: none; flex-direction: column; display: flex; justify-content; center; align-items: center;">
     <li>IMAGE1</li>
     <li>IMAGE2</li>
    </ul>
  </li>
  <li>IMAGE3</li>
</ul>