How can I show a different video banner on desktop & mobile?

[BSPOKE_STUDIO]

I have a video banner on my homepage that looks great on desktop (landscape), but then remains landscape for mobile. I want to have a separate, portrait video for mobile. I'm using the Pipeline theme. Is anyone able to help with this? I am unable to share my store's password.

[Bundler-Manuel]

Hello there @BSPOKE_STUDIO  Try this code in the store and see whether it gets fixed 

@media screen and (min-width: 481px) {
#shopify-section-template--22677475131741__custom_liquid_zMBVDz {
display: none!important;
}
#shopify-section-template--22677475131741__custom_liquid_geKPV3 {
display: block!important;
}
}
@media screen and (max-width: 480px) {
#shopify-section-template--22677475131741__custom_liquid_geKPV3 {
display: none!important;
}
#shopify-section-template--22677475131741__custom_liquid_zMBVDz {
display: block!important;
}
}

Let me know if this works for you!

[BSPOKE_STUDIO]

Hi, thank you for replying, however this didn’t work unfortunately. Where
am I supposed to be adding the code?

E-mail: bianca@bspoke-studio.com
www.bspoke-studio.com