Any way to load the background video before themobile fallback image on a homepage?

Site URL: https://www.maslowproject.com/

Hi,

When you use a mobile fallback image with Squarespace, the mobile fallback image pops up first before the video loads from either YouTube or Vimeo which looks awkward. Is there any way around this without using custom code. If not, does anyone know the css that will enable this? Thanks for taking the time to reply.

Frank

I wanted to post what I think has worked in the event that it helps anyone else that was looking for a solution to this.

<style>
  @media screen and (min-width:992px) {
  #page section:first-child img {
    visibility: hidden;
}
  }
</style>

It appears that this does work for desktops but the mobile fallback image will still pop up first when viewing on mobile devices. If anyone comes across this and has a solution, thank you for taking the time to post it here.