Mobile-specific layout

Site URL: https://www.nateburdette.com/kaast

This page looks good on my desktop version, but I can't get the mobile layout isn't stacking correctly.

Is there a way to alter the mobile layout without affecting the desktop version? I know in other platforms, like Wix, you can style mobile design without affecting the desktop. I'd like the order on mobile to be for each content block:  

• Image
• Headline (H3)
• Text block
• Green arrow text link

It should look something like the attached video. 

https://www.nateburdette.com/kaast
PW: kagome69

You need to use CSS. Can you describe in detail?

@tuanphan sounds good. Please see attached:

1. The first image is what it looks like on desktop
2. The second image is what I'd like it to look like on mobile (the test page is: www.nateburdette.com/test; password: kagome69). 

Is there any way to make it look like this without changing the desktop layout? 

Let me know if you have any questions!

@BeeperChirp yes. You need to use CSS Media Queries to achieve different layouts in desktop and mobile. 

@inspirian Ah, thank you; I just looked into this and got a good overview.

Do you happen to know what I start with to swap the order of modules, such as a text block and image block?

I'll keep digging!