.about-container-text {
    flex-wrap: wrap;
    justify-content: center;
    padding: 10vw;
    padding-top: 3vw;
}

.about-container-text p {

    align-items: center;
}

.about-title h1 {
    display: flex;
    /* Attiva Flexbox */
    justify-content: center;
    /* Centra orizzontalmente */
    align-items: center;
    /* Centra verticalmente */
    /* Occupa tutta la larghezza */

    text-align: center;
    /* Allinea il testo all'interno dell'h1 */
    overflow: visible;
    font-size: 10vw;
    margin-top: 5vw;
}

.about-container {
    margin-bottom: 5vh;

}

.about-image-logo {
    width: 55vw;
    height: auto;
    display: block;
}

.about-image {
    width: 100%;
    height: auto;
    display: block;
}

.recode-logo-text {
    font-size: 5rem;
    font-weight: 900;
    color: var(--theme-yellow);
    line-height: 0.9;
    margin-bottom: 1rem;
    /* Ensure bold font */
}

@media screen and (max-width: 1220px) {
    .about-container-text {
        padding: 10vw;
    }

    .about-title h1 {
        font-size: 9vw;
    }

    .about-container {
        margin-bottom: 2vh;

    }

    .about-container-text h2 {
        font-size: 2.5vw;
    }

    .about-container-text h3 {
        font-size: 2vw;
    }

    .about-container-text p {
        font-size: 1.05rem;
    }

    .recode-logo-text {
        font-size: 3rem;
    }

    .about-image-logo {
        width: 55vw;
        height: auto;
        display: block;
    }

    .about-image {
        width: 100%;
        height: auto;
        display: block;
    }

}

@media screen and (max-width: 768px) {
    .about-container-text {
        padding: 5vw;
    }

    .about-title h1 {
        font-size: 9vw;
        margin-top: 2vh;
    }

    .about-image {
        margin-left: 0;
        align-self: center;

    }

    .about-container {
        margin-bottom: 2vh;
    }

    .about-container-text h2 {
        font-size: 3.5vw;
    }

    .about-container-text h3 {
        font-size: 3vw;
    }

    .about-container-text p {
        font-size: 1.05rem;

    }

    .recode-logo-text {
        font-size: 2rem;
    }

    .about-image-logo {
        width: 55vw;
        height: auto;
        display: block;
    }

    .about-image {
        width: 100%;
        height: auto;
        display: block;
    }

}