I'm trying to get the video on golfpadgps.com/tags banner to NOT display and force the fall back image to display instead. I understand from SS the fact that it displays on some mobile devices is by design, however I've been asked to turn it off on mobile regardless of connection speed or browser. This is what I've tried. In inspector, the "display:none" works, but when I put it in the actual custom CSS section of the site, it doesn't do anything.
@media only screen and (max-width: 768px) {
.title-desc-wrapper has-main-image has-background-video {
display:none;
}
}