Collection list items, masonry effect, 3 columns

Hello

I have a issue with a 3 col grid. It shows up really nice, but instead of showing the items from left to right in the first row. It has all the new ones in the left side, older ones in the right side, and oldest in the further right side.
Can someone help me out making it load the 3 newest ones in the top, and then chronologically downwards after that?
If I place it into a grid, it gets the right order, but then I don’t get the masonry effect that I’m looking for. I want the images to have the ratio that it was uploaded in, to give the feeling that they’re loading as they come into view.

Link to live site: https://rasmus-fenhann.webflow.io/journal


Here is my site Read-Only: https://preview.webflow.com/preview/rasmus-fenhann?utm_medium=preview_link&utm_source=designer&utm_content=rasmus-fenhann&preview=5d3f852ccf77910467e66974002bce1f&pageId=5f68afd6c7b823ee9c74ba90&mode=preview