How to replace an image with a video on the banner - Video Banner with Dawn Theme

[Julietteweb]

Hello,

I've been looking for a solution to replace the banner image with a video on the Dawn theme but haven't found anything that works.

I don't want to simply include a video, I want to make it a banner with the Title, subtitle and buttons.

I also want to have it in two formats, one for computer and one for mobile.

Today I have these two CSS codes that I've added to two banners with images on the home page to have two distinct formats:

@media screen and (max-width: 750px) {
.banner,
slideshow-component {
display: none;
}
}

and 

@media screen and (min-width: 750px) {
.banner,
slideshow-component {
display: none;
}
}

Here is the link of my website : ancestraathletes.com

(it's under construction)

Thank you for your help!