@media only screen and (max-width: 768px) {
    /* This targets the header on mobile devices */
    header#header {
        position: relative; /* Ensures that the header is part of the normal document flow */
        z-index: 10; /* A higher z-index means it will sit on top of other content */
    }

    /* This targets images that are direct children of a link which is a direct child of the site-logo div */
    #site-logo > a > img {
        margin-top: 10px; /* Adjust as necessary to push the image down below the header */
    }

    /* If the image overlapping the header is the one with white.png, this will target it specifically */
    img[src*="white.png"] {
        margin-top: 70px; /* Adjust as necessary */
    }
}