Blocking video from loading in mobiles

I need some code to prevent video from loading on mobile devices and only display the fallback image to optimize the website for speed loading time.

Thanks

Chatgtp gave me some help, the code stopped the video from playing on mobiles but the fallback image doesn't work.  Any ideas?

@media screen and (max-width: 767px)

{ .sqs-video-background-native { display: none; } .sqs-video-background .sqs-video-background-content { background-image: url('https://images.squarespace-cdn.com/content/v1/63bd1a87022f9326886b0c89/1673547661941-EXML5DKFZUAGEPXM7K50/sunrise-caveman.jpg');

background-size: cover;

background-position: center center;

background-repeat: no-repeat; } }

.sqs-video-background-native__fallback-image { display: none; }

Can you share link to page? We can check easier