.header-picture-container {
    display: flex;
    flex-direction: column-reverse;
}


.header-picture-title {
    flex-basis: 100%;
    align-items: center; 
    text-align: center;
}

.header-picture-image {
    flex-basis: 100%;
}

.header-picture-headline {
    font-size: 5rem !important;
    color: var(--color-secondary) !important;
}

.header-picture-title h2 {
    font-size: 2.5rem;
    color: var(--color-secondary);
}


/* DESKTOP */
@media (min-width: 1200px) {
    .header-picture-container {
        display: flex;
        flex-direction: row;
    }

    .header-picture-title {
        flex-basis: 60%;
        align-content: end; 
        text-align: left;
    }

    .header-picture-image {
        flex-basis: 40%;
    }

    .header-picture-headline {
        font-size: calc(2.5vw + 2.5vh);
        color: var(--color-secondary) !important;
    }

    .header-picture-title h2 {
        font-size: 2.5rem;
        color: var(--color-secondary);
    }
}
