How to hide custom liquid for mobile view? (dawn)

[mesetan]

I've managed to add a custom liquid video banner onto my shopify homepage and it looks great, but I'm trying to make it hidden on mobile view because the aspect ratio isn't 1080x1920 so it doesn't fit correctly. Is there anyway I can do this? Any help would be appreciated, thanks.

Here's how the code looks ->

1. <style>
3. video {
5. display: block;
6. margin: 0 auto;
7. width: 100%;
8. height: 50%;
10. }
12. </style>
15. <video autoplay loop playsinline muted>
16. <source src="VIDEO URL HERE">
17. </video>

(Btw I haven't added this code within the edit code section itself. I've done it within the actual shopify web editor!)

[Zqdo]

What's the link to your website? Thanks!