@media screen and (max-width: 1024px) {
    .landing-page {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .content {
        grid-row: 1;
        text-align: center;
    }

    .content-text p {
        text-align: justify;
    }

    .image-container {
        grid-row: 2;
        padding: clamp(1rem, 4vw, 3rem);

    }

    .image-container img {
        width: min(400px, 80vw);
        height: min(400px, 80vw);
        object-fit: cover;
        border-radius: 50%;
        border: 3px solid #00d2d3;
    }

    .fade-overlay {
        display: none;
    }

    /* ABOUT ME */
    .about-me {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .about-me-head {
        grid-row: 1;
        grid-column: 1;
        align-items: center;
        margin: 0;
    }

    .about-me-head p {
        text-align: center;
    }

    .information-container {
        grid-row: 2;
        grid-column: 1;
    }

    .skills-container {
        grid-row: 3;
        grid-column: 1;
        height: fit-content;
        margin: clamp(3rem, 8vh, 7rem) clamp(1rem, 5vw, 3rem);
    }

    .skills {
        grid-row: auto;
        grid-column: auto;
    }

    .skills img {
        width: clamp(3rem, 2vw, 6rem);
    }

    /* PROJECTS */
    .projects-head {
        justify-content: center;
        margin: 0;
    }

    .card-container {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    }
}