Moving images location based on the visibility of other images

[Ash_App_Dev]

I'm trying to create an app to track training badges our users are earning. I currently have a total of 14 different badges and 145 trainees to account for. I want to be able a to display the badges a trainee has on their item in a gallery view. However I want the images' location to changes based on if the images of the other badges are visible.

For example:

Billy Real-Name has the power automate, excel, forms, and outlook badges. Where Testy McTesterson only has the  power automate, excel, and outlook badges. Because Testy doesn't have the forms badge but does have the outlook badge, the outlook badge moves over to be next to the next closest badge.

I have no Idea how to even start going about doing this or if it's even possible. My first Idea was a bunch of if statements but there has to be a more straightforward way to go about it.

[AmDev]

Hi @Ash_App_Dev 

You could have the badges stored with a corresponding ID column and IDs running in sequence and then sort your gallery smallest to biggest ID along each horizontal gallery. So a user with corresponding badges for IDs 1,2,5,7 then gets badge 3, it will slot in at the right place due to your sorting by ID on the Gallery i.e. 1,2,3,5,7

Hope this helps.