how to disable video background in mobile view

Hi there, I want to disable (hide) the background video of my homepage only on mobile as the video gets cropped and it doesn't look great. I would like to use fallback image on mobile view. Thank you. 

http://www.4ufitness.co.nz/

You can use this to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
section[data-section-id="65149deb31749714176dc2a2"] {
	video {
		visibility: hidden !important;
}
.section-border img {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}}}

12 hours ago, tuanphan said:

You can use this to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
section[data-section-id="65149deb31749714176dc2a2"] {
	video {
		visibility: hidden !important;
}
.section-border img {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}}}

 

Amazing! It works perfectly. Thank you very much.