#paged_gallery .img {
  margin: 2px;
  display: block;
  position: relative;
}

#paged_gallery .img .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events:none;
  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


#paged_gallery .img:hover .overlay {
  opacity: 0.75;
}

body {
  background: #fffd00;
}

    #gallery_carousel .col>div a {
      margin-bottom: 1px;
      position: relative;
      display: block;
    }

    #gallery_carousel .col>div .overlay {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      bottom: 0;
      height: 100%;
      font-size: 30px;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    #gallery_carousel .col>div a:hover .overlay {
      opacity: 0.8;
    }

    #gallery_carousel .col>div .overlay>div {
      position: relative;
      top: 50%;
      margin-top: -15px;
    }