I currently have the following grid setup to display some images (see image below):

<div class="columns-2 md:columns-5 flex-row">
    {#each image_url_set as img_url}
        <CldImage src={img_url} alt="<Description>" class="w-full pb-3 " />
    {/each}
</div>

https://i.sstatic.net/FBuOKYVo.png

However, the images are ordered in the list they come from, and are ordered down the columns. How can I get them to order across the rows instead, while still maintaining the display of the columns?