.image-container

position: relative
width: 100%
margin-bottom: 20px
&:hover .overlay
  opacity: 1
.image
  display: block
  width: 100%
  height: auto
.overlay
  position: absolute
  top: 0
  bottom: 0
  left: 0
  right: 0
  height: 100%
  width: 100%
  opacity: 0
  //transition: .5s ease
  background-color: rgba(255,255,255,0.05)
.text
  color: black
  font:
    size: 24px
    weight: 700
  position: absolute
  top: 50%
  left: 50%
  transform: translate(-50%, -50%)
  -ms-transform: translate(-50%, -50%)