.imagen{
    width: 100%;
}
.imagen img{
    /*width: 55%;*/
    
    width: 85%;
}


/*  grid-template-columns: repeat(3,1fr);  sirve para la cantidad de columnas con las fotos , en este caso 3 */



.galeria{
    
     text-decoration: none;
    
    width: 100%;
    
    /*margin: auto;*/
    
    /* margin de las imagenes en galeria */
    
    margin: 50px;
    
    
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 1rem;
    
    row-gap: 1rem;
}


.galeria a{
    
     text-decoration: none;
}



@media (min-width:100px){
    .galeria{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (min-width:520px){
    .galeria{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:728px){
    .galeria{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:1024px){
    .galeria{
        /*grid-template-columns: repeat(4, 1fr);*/
        
        grid-template-columns: repeat(6, 1fr);
    }
}