.masonary-item a.popup-image{
  display: block;
}
.masonary-item a.popup-image:before{
  position: absolute;
  top: 50%;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f002";
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
  transform: translate(0px, -50%);
  left: 0;
  right: 0;
  text-align: center;
}
.masonary-item a.popup-image:after{
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #ba1c24;
  content: '';
  transition: 0.4s;
}

.masonary-item{
  height: 100%;
  position: relative;
}
.masonary-item:hover a.popup-image:before,
.masonary-item:hover a.popup-image:after{
  opacity: 0.5;
}
.masonary-item:hover a.popup-image .image-fit{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}