/*classe per attivare il div ove fare lo zoom dell'immagine a tutto schermo */
.zoom-div-img{
   cursor: pointer;
}

.zoom-img-container{
   display: none;
   position: fixed;
   top: 0px;
   left: 50%;
   transform: translateX(-50%);
   max-width: var(--max-larghezza);
   width: 100%;
   height: auto;
   background-color: #fbedc7e6;
   z-index: 999999;
   text-align: center;
   padding: 10px 5px;
}
.zoom-img-container .close{
   position: absolute;
   right: 5px;
   top: 10px;
   cursor: pointer;
}
.zoom-img-container .close i{
   color: darkred;
   background-color: white;
   border-radius: 50%;
   font-size: 43px;
}
.zoom-img-container img{
   width: 100%;
   height: 100vh;
   max-width: 700px;
   object-fit: contain;
}