I'm having the same issue with this
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*
default orientation is row, for column swap commented values in lines
below
*/
-webkit-box-orient: vertical; /* */
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 0.5em;
gap: 0.5rem;
text-align: center;
/* Hide home nav item on homepage */
.homepage .header-nav-item--homepage {
display: none!important;
@media only screen and (max-width: 640px){
#page .page-section:nth-child(1) .section-background img {opacity:0 }
#page .page-section:nth-child(1) .section-border{background:transparent!important}
#page .page-section:nth-child(1) .section-background {
background-image: url(your-image-here);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
}https://static1.squarespace.com/static/5f9a0d000d533c769be5ab75/t/650a4e6110ee6f2770c4017d/1695174242364/Sunny+Mobile.png