Change position of specific blocks for mobile

Hi,

I would like to change the position of specific blocks for mobile only and on this page only: https://amiatarecords.com/home-records

Basically I would like to move the block with the text that says 'Highlights – Synaulia' etc. at the top of the tracks blocks ('Invocation to Mercury' and so on) and below the main image that is at the beginning of the page. See screenshot attached.

Could someone have a look? Thanks!

In order to do this in Squarespace 7.0 on the classic editor (as you are), you need to understand how the blocks get automatically re-arranged on mobile.

Each row gets turned into a column starting from the left and going to the right and if you stack blocks vertically in that column those get stacked in order, then the next row does the same.

If you want to move that text after the image, then they need to be in a separate row to the column of audio blocks. Drag the image up to the top so it going into a new row by itself, then drag the text block next to it on the right (adjust the widths), then use a spacer block next to the column of audio blocks to get the width you want for those.