.show-image{
  opacity: 0;
  pointer-events: none;
  z-index: 1001;
  background-color: rgb(0, 0, 0 , 0.8);
  transition: var(--main-transition--);
}
.overlay-gallery{
  background-color: rgb(0, 0, 0 , 0.5);
  opacity: 0;
  transition: var(--main-transition--);
}
.overlay-gallery .bx{
  cursor: pointer;
}
.overlay-gallery:hover{
 opacity: 1;
}
.masonry img {
width: 100%;
}
.masonry {
column-count: 4;
column-gap: 5px;
}
.masonry .mItem {
display: inline-block;
width: 100%;
}

@media (max-width: 1199px) {
.masonry {
  column-count: 3;
}
}

@media (max-width: 991px) {
.masonry {
  column-count: 2;
}
}

@media (max-width: 767px) {
.masonry {
  column-count: 2;
}
}