hero banner will not resize on most pages to mobile

Site URL: https://coastlifechurch.squarespace.com/home

hero banner will not resize on most pages of our website

Hi. With top banner, add this to Design > Custom CSS

/* resize top banner mobile */
@media screen and (max-width:767px) {
div#newtocl figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
}