.hero-me {
    background-image: url('/figures/Fenix_Philipp0059.jpg'); /* Corrected URL */
    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* Enable scroll-based background movement */
    position: relative;
}
.hero-me .text-container {
        right: 10%; /* Align with a little margin */
        left: auto; /* Disable left alignment */
        text-align: left;
    }
/* Project 1 */
.Schwank {
    background-image: url('/figures/Fenix_Philipp0250.jpg'); /* Corrected URL */
    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* Enable scroll-based background movement */
    position: relative;
}
/* Project 1 */
.Lebenslauf {
    background-image: url('/figures/TechTextil.jpg'); /* Corrected URL */
    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* Enable scroll-based background movement */
    position: relative;
}
/* Project 1 */
.Interessen {
    background-image: url('/figures/Cyclassics2025_2.jpg'); /* Corrected URL */
    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* Enable scroll-based background movement */
    position: relative;
}
/* Project 1 */
.Project4 {
    background-image: url('/figures/Fenix3578.png'); /* Corrected URL */
    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* Enable scroll-based background movement */
    position: relative;
}

@media (min-width: 768px) {
    /* Align text container right for About Me section */
    .Schwank .text-container {
        right: 10%; /* Align with a little margin */
        left: auto; /* Disable left alignment */
        text-align: left;
    }
    
    /* Align text container right for About Me section */
    .Lebenslauf .text-container {
        right: 10%; /* Align with a little margin */
        left: auto; /* Disable left alignment */
        text-align: left;
    }

    /* Align text container left for Services section */
    .Interessen .text-container {
        left: 10%; /* Align with a little margin */
        right: auto; /* Disable right alignment */
        text-align: right;
    }
     /* Align text container right for About Me section */
     .Project4 .text-container {
        right: 10%; /* Align with a little margin */
        left: auto; /* Disable left alignment */
        text-align: left;
    }
}