.containerproyectos{ /*Establecemos dimensiones del contenedor principal*/
background:white;
padding:50px 0px;
width:100%;
position:absolute;
display:flex; /*para activar flexbox*/
justify-content:center; /*alinear el contenido de esta caja en el centro del eje X (horizontal)*/

}




figure{ /*contenedor de los elementos de la galerķa*/
    width: 280px;
    height: 225px;
    border-style: solid;
    border-width: 2px;
    border-color:black;
    position: relative;
    overflow: hidden;
    margin: 20px; /*margen entre rectangulos de la galeria*/

}

figure:hover h1{    
    opacity: 1;
}

figure img{
    width: 100%;
}

figure h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background: rgba(0,0,0,0.6);
    padding: 100px;
    opacity: 0;
    transition: all 100ms cubic-bezier(1,0,0,1);
    cursor: default;
}




.image-select{
    width: 100%;
    height: 150px;
    margin-top: 40px;
}



.seleted{
    display: none;
}


@media screen and (max-width: 700px){
    
    .container-gallery{
        margin-top: 0px;
    }
}