@media screen and (max-width:639px) {
    .hero-image {
        margin-top: 7rem !important;
    }
    #maincontent:has(#messages) .hero-image {
        margin-top: 7rem !important;
    }
}