Squarespace 7.1 - Transparent Header on Mobile

Site URL: https://paloma-contreras-design.squarespace.com/

Can anyone help me with this mobile tweak? I'd like the home page hero video to appear the same across desktop and mobile. So on mobile, I'd like the header to be transparent and for the video move up to the top of the site.

https://paloma-contreras-design.squarespace.com/

Pass: PCD

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage .header-background-solid {
    background-color: transparent !important;
}
body.homepage article section:first-child {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
}