I'm struggling to understand how I can complete these two tasks:
1) Hide an element for a given breakpoint (Case: don't show an image on a mobile device but have it visible on desktop)
2) Change the order of a section for a given breakpoint (Case: On desktop I have a large heading on the left and an image on the right. For mobile I'd like their order swapped, so the image comes first followed by the heading.
How good are you with CSS. You could use media queries with display:none for the element you are trying to hide and then for the order of elements you could use flex-direction: row reverse
Actually, armed with the information you sent @Andres Ortiz I've found "Display: none" in the Layout option of Webstudio's inspector panel, which I can apply to my image on mobile to hide it.