Different video header fro mobile?

Hi, i need to have an optimised video on my mobile home page, I have been using the following code on page header injection but to no avail. The page is accessible via https://www.bumphaus.com/home-1

<style>

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

[data-section-id="64f5a7264f39e02a98d3cc42"] {

    display : none ! Important;

    }

  }

@media screen and ( min-width : 768px ) {

 [data-section-id="645a5771a9fcec01afb17139"] {

    display : none! Important;

    }    

  }

</style>

Hi,

I see you solved?

  /* homepage video hide desktop */
  
  @media screen and ( max-width : 767px ) {
  
    html:not( .squarespace-damask ) [data-section-id="645a5771a9fcec01afb17139"] {
    
      display : none;
      
      }
      
    }
    
  /* homepage video hide mobile */
  
  @media screen and ( min-width : 768px ) {
  
    html:not( .squarespace-damask ) [data-section-id="64f5a7264f39e02a98d3cc42"] {
    
      display : none;
      
      }
      
    }
    
  </style>

yes, but thanks for responding