css image masonry grid in a square space : How can I make masonry grid of only 4 images, that will always look like this:
[image of a grid][1]


  [1]: https://i.stack.imgur.com/pM3Dw.jpg

I need this alignment to stay on every screen sizes. And to form a square. Is this possible. I tried a lot of CSS combinations and nothing seems to work for all screens.  thank you for your help.