Move collection item to top of list when checkbox is ticked

I have a collection list within a form, where each item in the list has a checkbox. When the checkbox is ticked I would like it to move that item to the top of the list or to a section above the whole list (this is so it is easier for the user to see which items they have checked as it is quite a long list - with pagination).

Is this possible with some custom code?

This is the page in question: https://genesis-stables-project-ab7c3e.webflow.io/breeding-selection


Here is my site Read-Only: LINK
(how to share your site Read-Only link)