.column {
    float: left;
    width:;
}

/* Clear floats after the columns */
.row {
    content: "";
    display: table;
    clear: both;
    width:100%;
    text-align: center;
	padding-top: 0px;
}
.imagen {
   filter: grayscale(80%);

}

.container {

  width: ;
  float: left;
  
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
   
  bottom: 0;
  left: 10;
  right: 50;
  height:60px ;
  width: 90px;
  opacity: 0;
  transition: .5s ease;
  /*background-color: blue;*/
  position: absolute;
  top: 70px;
  
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}