On my shopify page i have a video background, it looks fine on desktop however it dosent fit nicely on mobile. Is there a way i can add a video background that shows on mobile version only? If so how do i do this? I would like the video background to show only on the mobile products page and opening page. Here are the links for both pages (they are different pages but look the same)-
video background file: https://cdn.shopify.com/s/files/1/0711/6079/1356/files/AFW_image.png?v=1675099152
PRODUCTS PAGE: https://c1e46d.myshopify.com/collections/all
OPENING PAGE: https://c1e46d.myshopify.com/
Just to be more clear, two different video backgrounds. The current desktop background to keep, and a new video background for mobile (fits better on mobile screen).