/*----------------------------------------*/

#dataAnalyst_image_container {
    position: relative;
    width: 100%;
    padding-top: 25%; /* Altezza proporzionale */
    overflow: hidden;
    background-color: red;
}

    #dataAnalyst_image_container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1; /* Livello più basso */
    }

    #dataAnalyst_image_container h2 {
        color: white;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0;
        font-size: 7vw; /* size il 7% dello schermo*/
        text-shadow: 0px 0px 5px black, 0px 0px 10px black;
        z-index: 2; /* Livello sopra l'immagine */
    }

#dataAnalyst_text_container {
    padding: 2%;
}

    #dataAnalyst_text_container p {
        line-height: 1.8;
    }

        #dataAnalyst_text_container p:last-child {
            margin-top: 50px;
            text-align: center;
        }

/*----------------------------------------*/

#SqlServerDba { /* BASE */
    margin-top: 100px;
}

#SqlServerDba_image_container {
    position: relative;
    width: 100%;
    padding-top: 25%; /* Altezza proporzionale */
    overflow: hidden;
    background-color: red;
}

    #SqlServerDba_image_container img {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        z-index: 1; /* Livello più basso */
        transform: scaleX(-1); /* Inverte orizzontalmente */
    }

    #SqlServerDba_image_container h2 {
        color: white;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0;
        font-size: 7vw; /* size il 7% dello schermo*/
        text-shadow: 0px 0px 5px black, 0px 0px 10px black;
        z-index: 2; /* Livello sopra l'immagine */
    }

#SqlServerDba_text_container {
    padding: 2%;
}

    #SqlServerDba_text_container p {
        line-height: 1.8;
    }

        #SqlServerDba_text_container p:last-child {
            margin-top: 50px;
            text-align: center;
        }

/*----------------------------------------*/

#webDeveloper { /* BASE */
    margin-top: 100px;
}

#webDeveloper_image_container {
    position: relative;
    width: 100%;
    padding-top: 25%; /* Altezza proporzionale */
    overflow: hidden;
    background-color: red;
}

    #webDeveloper_image_container img {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        z-index: 1; /* Livello più basso */
        transform: scaleX(-1); /* Inverte orizzontalmente */
    }

    #webDeveloper_image_container h2 {
        color: white;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0;
        font-size: 7vw; /* size il 7% dello schermo*/
        text-shadow: 0px 0px 5px black, 0px 0px 10px black;
        z-index: 2; /* Livello sopra l'immagine */
    }

#webDeveloper_text_container {
    padding: 2%;
}

    #webDeveloper_text_container p {
        line-height: 1.8;
    }

        #webDeveloper_text_container p:last-child {
            margin-top: 50px;
            text-align: center;
        }

/*----------------------------------------*/

#fullStackDeveloper { /* BASE */
    margin-top: 100px;
    margin-bottom: 100px;
}

#fullStackDeveloper_image_container {
    position: relative;
    width: 100%;
    padding-top: 25%; /* Altezza proporzionale */
    overflow: hidden;
    background-color: red;
}

    #fullStackDeveloper_image_container img {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        z-index: 1; /* Livello più basso */
        transform: scaleX(-1); /* Inverte orizzontalmente */
    }

    #fullStackDeveloper_image_container h2 {
        color: white;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0;
        font-size: 7vw; /* size il 7% dello schermo*/
        text-shadow: 0px 0px 5px black, 0px 0px 10px black;
        z-index: 2; /* Livello sopra l'immagine */
    }

#fullStackDeveloper_text_container {
    padding: 2%;
}

    #fullStackDeveloper_text_container p {
        line-height: 1.8;
    }

        #fullStackDeveloper_text_container p:last-child {
            margin-top: 50px;
            text-align: center;
        }

/*----------------------------------------*/




.more-content {
    display: none;
    margin-top: 10px;
}

.read-more {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}