body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    margin: auto;
}

.container {
    position: relative;
    width: 650px;
    height: 650px;
 }

.profilo, .tre-quarti {
    position: absolute;
}

#profilo {
    background-image: url('profilo/overlay.png');
}

#curves-profilo {
    background-image: url('profilo/curves.png');
    opacity: 0.1;
}

#curves-tre-quarti {
    background-image: url('tre-quarti/curves.png');
    opacity: 0.1;
}

#tre-quarti {
    background-image: url('tre-quarti/overlay.png');
}

.overlay {
    position: absolute;
    width: 650px;
    height: 650px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99998;
}

.curves {
    position: absolute;
    width: 650px;
    height: 650px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99999;
}

/* .totale-sfondo {
    position: relative;
    width: 650px;
    height: 650px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-image: url('profilo/totale.jpg');
    background-repeat: no-repeat;
    background-size: cover;
} */

#tirante {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: -245px;
    left: 155px; */
    //background-color: #ffc400;
    mask-image: url('profilo/tirante.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/tirante.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 4;
}

#brillino {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-color: #0084ff;
    mask-image: url('profilo/brillino.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/brillino.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 3;
}

#interno {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-color: #0084ff;
    mask-image: url('profilo/interno.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/interno.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 3;
}

#gambale-posteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('profilo/gambale-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/gambale-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#gambale {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('profilo/gambale.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/gambale.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#gambale-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/gambale.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/gambale.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}




#gambale-anteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('profilo/gambale-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/gambale-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;

    z-index: 2;}


#foro-posteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: 42px;
    left: -71px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/foro-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/foro-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#foro-anteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: 42px;
    left: -71px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/foro-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/foro-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#top-posteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: 42px;
    left: -71px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/top-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/top-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#top-anteriore {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: 42px;
    left: -71px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/top-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/top-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}


#punta {
    width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/punta.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/punta.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#interno {
	width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/interno.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/interno.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#interno-tre-quarti {
	width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('tre-quarti/interno.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/interno.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#tacco {
    width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/lacers/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('profilo/tacco.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/tacco.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}


#cuciture {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-color: #fff;
    mask-image: url('profilo/cuciture.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('profilo/cuciture.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 99999;
}




/* INIZIO TRE QUARTI */

#tirante-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.23;
    top: -245px;
    left: 155px; */
    //background-color: #ffc400;
    mask-image: url('tre-quarti/tirante.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/tirante.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 4;
}

#brillino-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-color: #0084ff;
    mask-image: url('tre-quarti/brillino.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/brillino.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 3;
}

#interno-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-color: #0084ff;
    mask-image: url('tre-quarti/interno.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/interno.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 3;
}


#gambale-posteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/gambale-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/gambale-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#gambale-anteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/gambale-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/gambale-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}


#foro-posteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/foro-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/foro-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#foro-anteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/foro-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/foro-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#top-posteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/top-posteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/top-posteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#top-anteriore-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0073_Risorsa-142-50x50.jpg');
    mask-image: url('tre-quarti/top-anteriore.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/top-anteriore.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}


#punta-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('tre-quarti/punta.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/punta.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}

#tacco-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.44;
    bottom: -33px;
    left: 87px; */
    //background-image: url('https://www.sixs.cloud/hanton/buckaroo/pattern/gambale/hc-_0078_Risorsa-136-50x50.jpg');
    mask-image: url('tre-quarti/tacco.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/tacco.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 2;
}


#cuciture-tre-quarti {
    width: 100%;
    height: 100%;
    /* scale: 0.66;
    top: -91px;
    left: 114px; */
    background-color: #000000;
    mask-image: url('tre-quarti/cuciture.png'); /* percorso della tua immagine PNG */
    mask-size: cover;
    -webkit-mask-image: url('tre-quarti/cuciture.png'); /* supporto per WebKit browsers */
    -webkit-mask-size: cover;
    z-index: 99999;
}


/************************************

OTTIMIZZAZIONE MOBILE


************************************/

@media (max-width: 767px) {
    .wrapper {
        flex-direction: column;
        justify-content: center;

    }


}