How to change order of content upload?

Site URL: https://www.exploreandwonder.com/

Having a hard time understanding the upload sequence for my website. When I upload a new image it automatically adds it to the bottom of the photo pool rather than (what I would think would be) the top.

Is there any way to automatically have an upload go to the top next to the blue bird image rather than way at the bottom?

14 minutes ago, yo_its_yoyo said:

Site URL: https://www.exploreandwonder.com/

Having a hard time understanding the upload sequence for my website. When I upload a new image it automatically adds it to the bottom of the photo pool rather than (what I would think would be) the top.

Is there any way to automatically have an upload go to the top next to the blue bird image rather than way at the bottom?

We can only use javascript to reorder the image display on page load

18 minutes ago, bangank36 said:

We can only use javascript to reorder the image display on page load

Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? 

1 hour ago, yo_its_yoyo said:

Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? 

I provided one working solution once, let me find the old post

1 hour ago, yo_its_yoyo said:

Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? 

I used this snippet to reverse the order of the upload, making the lastest uploaded move to the top, hope this help. Kindly paste the code into the header injection

<script>
document.addEventListener('DOMContentLoaded', function() {
    let masonry = document.querySelector(".gallery-masonry .gallery-masonry-wrapper");
    let masonryItemReverse = Array.from(masonry.querySelectorAll(".gallery-masonry-item")).reverse().map((item) => {
        masonry.appendChild(item);
    });
});
</script>

11 hours ago, bangank36 said:

I used this snippet to reverse the order of the upload, making the lastest uploaded move to the top, hope this help. Kindly paste the code into the header injection

<script>
document.addEventListener('DOMContentLoaded', function() {
    let masonry = document.querySelector(".gallery-masonry .gallery-masonry-wrapper");
    let masonryItemReverse = Array.from(masonry.querySelectorAll(".gallery-masonry-item")).reverse().map((item) => {
        masonry.appendChild(item);
    });
});
</script>

Thank you! Looks like I also need to upgrade my website from person to something more. But once I do I will plus this into the header injection. 

1 minute ago, yo_its_yoyo said:

Thank you! Looks like I also need to upgrade my website from person to something more. But once I do I will plus this into the header injection. 

Cool