.description {
  padding-left: 25px;
  padding-right: 25px;
}

div.description {
  transition: height 500ms;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30%;
  font-size: 15px;
  z-index: 99;
  background-color: #007bff;
  color: white;
  opacity: 0.7;
  overflow: hidden;
  text-align: center;
}

div.description:hover {
  background-color: #7d7d7d;
  height: 100%;
  overflow: hidden;
}

.col-md-4 {
  /*box-shadow: 5px 5px 5px grey;*/
}

@media (min-width:768px) {
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}