Move elements at different breakpoints

 <script> 

/*
This code is used to append items to different divs at different breakpoints.
It allows us to be more consistent with the development and align it to the design
without back and forth from designers.
*/

function swap(breakpoint, element, location) {
    if (window.innerWidth < breakpoint) {
        // Append 'location' to 'element' if the current window width is less than 'breakpoint'
        element.appendChild(location);
    } else {
        // Log an error if 'element' or 'location' are not valid HTMLElements
        console.error('Invalid element or location');
    }
}


</script>