@media(min-width: 1024px){
#history_gallery{
    position:absolute; 
    top:5%; 
    left:36%; 
    width:35%; 
    height: 89%;
    background-image: linear-gradient(rgb(255, 255, 255, 0.5),rgb(116, 204, 255,0.5),rgb(255, 255, 255, 0.5));
   overflow: hidden;
    border-radius:30px; 
    /*border-radius:20px; */
}


#desc_storia2{
    position:absolute; 
    top:5%; 
    right:3%; 
    width:23%; 
    height: 89%;
       border-radius:30px; 
    border:  2px solid rgb(116, 204, 255);
    background-color: rgba(240, 248, 255, 0.502);
}

#desc_storia1{
    position:absolute; 
    top:5%; 
    left:3%; 
    width:30%; 
    height: 89%;
     border: 2px solid rgb(116, 204, 255) ;
     border-radius:30px; 
    background-color: rgba(240, 248, 255, 0.502);
}

.history_image{
    position:absolute; 
   
    top:0%;
    width:100%; 
    height:100%; 
    border-radius:30px; 
  
}

@keyframes FADE1{
    from {opacity: 100%;    left:0%; }
    to {opacity: 0%;    left:100%;  }
}

@keyframes FADE2{
    from {opacity: 100%;    right:0%; }
    to {opacity: 0%;    right:100%;  }
}


.fade_out{
     left:0%;
    animation-name: FADE1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}

.fade_in{
     right:0%;
    animation-name: FADE2;
    animation-duration: 2s;
    animation-direction: reverse;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
}