/*ma*/
.gallery img {
    width: 100%;
    height: 220px; /*can set height*/
    object-fit: cover;

}
.img-hover img {
    transition-duration: 1s ;
    transition-timing-function: ease-out;

  }

.img-hover:hover img{
    transform: scale(1.08);
    filter: grayscale(40%);
    transition-duration: .3s ;
    transition-timing-function: ease-in;
    cursor:pointer; 
  }
    
  .gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}
.gallery .lightbox:hover:after,
.gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {

}