Just use jQuery or javascript
insertAfter(), appendTo() or appendChild();
Find another elements in parent and just move to the element of gadget you want to the end of length of gadget elements. :)
some example:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
document.getElementById("gadgets").appendChild(document.getElementById("pageGadget"));
});
</script>
</head>
<body>
<div id="gadgets">
<div id="pageGadget">PAGE GADGET</div>
<div id="gadget1">GADGET 1</div>
<div id="gadget2">GADGET 2</div>
<div id="gadget3">GADGET 3</div>
<div id="gadget4">GADGET 4</div>
<div id="gadget5">GADGET 5</div>
</div>
</body>
</html>
