.container {

  width: 90%;

  position: relative;

}



.image {

  display: block;

  width: 100%%;

  height: auto;

}



.overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ffffff;

  overflow: hidden;

  width: 100%;

  transition: 0.5s ease;

}



.container:hover .overlay {

  height: 100%;

}



.details {

  color: white;

  position: absolute;

  top: 0;

  left: 0;

}