:root {
    --zoom: 2; /* ingrandimento */
    --overlay: rgba(0,0,0,0.8); /* sfondo scuro */
    --transition: 300ms ease; /* velocità animazione */
}
.text-with-float-image {
    overflow: hidden; /* serve per contenere il float */
    margin-bottom: 40px;
}
            .float-img {
                float: left;
                width: 300px;       /* oppure 30% se vuoi responsivo */
                height: 200px;
                margin-right: 25px;
                margin-bottom: 0px;
                border-radius: 10px;
                box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            }
            /* lightbox nascosta */
            .lightbox{
                position:fixed;
                inset:0;
                background: transparent;
                opacity:0;
                pointer-events:none;
                transition: opacity var(--transition), background var(--transition);
                display:flex;
                align-items:center;
                justify-content:center;
                z-index:999;
            }
              /* stato attivo quando :target */
            .lightbox:target{
                opacity:1;
                background: var(--overlay);
                pointer-events:auto;
            }
            div.lightbox img{
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                object-fit: contain;
                border-radius:8px;
                box-shadow: 0 20px 60px rgba(0,0,0,0.7);
                /* transition: transform var(--transition); */
                /* transform: scale(var(--zoom)); */
            }
            .close {
                position: absolute;
                top: 20px;
                right: 20px;
                z-index: 1000; /* sta sopra l’immagine */
                color: white;
                font-size: 1.5rem; /* più grande */
                font-weight: bold;
                text-decoration: none;
                background: rgba(0, 0, 0, 0.6); /* sfondo scuro */
                padding: 8px 14px;
                border-radius: 50%;
                line-height: 1;
                box-shadow: 0 0 8px rgba(0,0,0,0.5);
                transition: background 0.2s;
            }
            .close:hover {
                background: rgba(255, 0, 0, 0.85);
                transform: scale(1.1);
            }