<!-- Zooming Background Images  -->
.zbi-wrapper {
  padding: 50px 50px;
  max-width: 1200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}

/*.right {float: right !important;}*/

/*Image zoom on hover + Overlay colour */
.zbi-parent {
  width: 100%;
  /*margin: 20px;*/
  height: 250px;
  /*border: 1px solid blue;*/
  overflow: hidden;
  position: relative;
  float: left;
  display: inline-block;
  cursor: pointer;
}

.zbi-child {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

<!-- Background Images -->
  .bg-one {background-image: url(https://media.timeout.com/images/101602611/image.jpg);}
  .bg-two {background-image: url(http://s1.it.atcdn.net/wp-content/uploads/2015/08/2-London.jpg);}
  .bg-three {background-image: url(https://media.timeout.com/images/101484105/image.jpg);}
  .bg-four {background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Hollywood_Sign.jpg/1280px-Hollywood_Sign.jpg);}
  .bg-five {background-image: url(http://www.travelandleisure.com/sites/default/files/styles/tnl_redesign_article_landing_page/public/1453920892/DUBAI-554088081-ABOVE0116.jpg?itok=dcoZnCrc);}
  .bg-six {background-image: url(http://blog.whitepages.com/wp-content/uploads/2015/04/san-franc.jpg);}
  .bg-seven {background-image: url(https://bscit.ch/assets/img/web-beratung.jpg);}
  .bg-eight {background-image: url(https://bscit.ch/assets/img/google-seo.jpg);}
  .bg-nine {background-image: url(https://bscit.ch/assets/img/webshop.jpg);}

.zbi-parent a {
  display: none;
  font-size: 35px;
  color: #ffffff !important;
  font-family: sans-serif;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50px;
  cursor: pointer;
  text-decoration:underline;
  /*text-decoration: none;*/
}

.zbi-parent:hover .zbi-child, .zbi-parent:focus .child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.zbi-parent:hover .zbi-child:before, zbi-.parent:focus .zbi-child:before {
  display: block;
}

.zbi-parent:hover a, .zbi-parent:focus a {
  display: block;
}

.zbi-child:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(2,76,172,0.75);
}

/* Media Queries */
@media screen and (max-width: 960px) {
  .zbi-parent {width: 100%; margin: 20px 0px}
  .zbi-wrapper {padding: 20px 20px;}
}

#zbi-text {
  color: white; /* Good thing we set a fallback color! */
  font-family: sans-serif;
  padding: 15%;
  position: absolute;
}

.zbi-parent:hover #zbi-text,
.zbi-parent:focus #zbi-text {
  display: block;
}

.zbi-text-d-no {display: none}