.container-gallery{ /*Establecemos dimensiones del contenedor principal*/
padding:20px;
width:700px;
position:absolute;
right:25%;

}

.gallery{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}


figure{ /*contenedor de los elementos de la galerķa*/
    width: 150px;
    height: 150px;
    border-style: solid;
    border-width: 1px;
    border-color:black;
    position: relative;
    overflow: hidden;
    margin: 10px;

}

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;
    }
}