.gallery-row{
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
  padding-bottom: 8px;
  background: #ffffff;
  background: radial-gradient(circle farthest-corner at center center, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-radial-gradient(circle farthest-corner at center center, #ffffff 0%, #f2f2f2 100%);
  background: -moz-radial-gradient(circle farthest-corner at center center, #ffffff 0%, #f2f2f2 100%); 
}
/* Create four equal columns that sits next to each other */
.gallery-column{
  padding: 0 2px;
  box-sizing: border-box;
}
.gallery-colum-w3{
  -ms-flex: 33.3333%; /* IE10 */
  flex: 33.3333%;
  max-width: 33.3333%;
}
.gallery-colum-w4{
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
}
.gallery-column img{
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  position: relative;  
  border: none;
  border-radius: 10px;
}
.gallery-overlay{
  position: absolute;
  bottom: 0;
  background: rgb(240, 240, 240);
  background: rgba(255, 255, 255, 0.8); /* Black see-through */
  color: #f1f1f1;
  width: calc(100% - 4px);
  transition: .5s ease;
  opacity: 0;
  color: black;
  font-size: 9px;
  padding: 7px;
  text-align: left;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
  z-index: 9999;
}
.gallery-contnr{
	position: relative;
	opacity: 0;
	transition: 0.4s;
	transition-timing-function: ease-in;	
	transform: rotate(60deg) scale(0.5);
}
.gallery-column .gallery-contnr:hover{
 transform: scale(1.2) !important;
 z-index: 999 !important;  
}
.gallery-contnr:hover .gallery-overlay {
  	opacity: 1;
}
.gallery-overlay:empty{
	display: none;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 720px){
  .gallery-column{
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
  .gallery-column .gallery-contnr:hover{
  	transform: none !important;	
  }
  .gallery-overlay{
  	 opacity: 1;
  	 font-size: 0.9rem;
  }  
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 540px){
  .gallery-column{
    /*-ms-flex: 100%;
    flex: 100%;
    max-width: 100%;*/
  }
  .gallery-overlay{
    font-size: 0.7rem;
    padding: 4px;
    line-height: 1rem;
  }
}