.div-galeria{
    background: rgb(255, 255, 255);
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    
}

.div-galeria h2{
    color: white;
    padding: 25px;
    font-size: 30px;
}

.galeria{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    width: 80%;
    max-width: 900px;
    margin: auto;
  
}


  

.galeria-img {
    background: #fff;
    display: block;
    padding: px;
    margin: 5px;
    height: 80px;
    width:auto;
  animation: fadeinout 5s linear forwards;
  animation-name: example;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 3s;
  animation-iteration-count: infinite;    
    
    }

.galeria-img-rect {
    background: #fff;
    display: block;
    padding: px;
    margin: 5px;
   height: 60px;
    width:auto;
  animation: fadeinout 4s linear forwards;
  animation-name: example;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: 3s;
  animation-iteration-count: infinite;    

}


.modal{
    visibility: hidden;
    top:-100%;
    height: 0px;
    display: block;
}

.modal:target{
    visibility: visible;
    display: block;
    transition: all 1s ease-in;
    position: fixed;
    background: rgba(1,1,1,0.8);
    top:10px;
    height: 100%;
    width: 100%;
    z-index: 100;
 
    
}

.boton-div{
    position: relative;
    height: 60px;
}

.modal-boton{
    position: absolute;
    top:0;
    right: 0;
    padding: 20px;
    font-size: 20px;
    color: white !important;
    background: rgb(227, 25, 25);
    text-decoration: none !important;
}


.imagen-div{
    position: relative;
    margin: auto;
    text-align: center;
    padding: 20px;
    display: flex;
    height: 70%;
        
}

#imagen-gal{
   max-width: 800px;
   min-width: 210px;    
   width: 80%;
    margin: auto;
    
}

.anterior, .siguiente{
    padding-top: 20%; 
    font-size: 40px;
    color: white !important;
}


@media (max-width:600px) {
    .galeria-img {
        max-width: 200px;
        
    }
    
}

/* Standard syntax */
@keyframes example {
  0%,100% { opacity: 0.2; }
  50% { opacity: 1; }
}