@media screen and (max-width: 980px) {
    #banner .content {
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    
    
    #banner .content .image {
        order: 1;
        margin: auto auto 2em;
    }
    
    #banner .content header {
        order: 2;
    }
    
    #banner:before {
        height: calc(20vh - 44px);
    }
}