* {
  box-sizing: border-box;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; 
  list-style: none;
  padding: 0;
  margin: 24px auto;
  max-width: 1128px; 
}

.gallery-item {
    max-width: calc((100% - (24px * 2))/3);
    /* overflow: hidden; */
}

.gallery-image {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition:ease 0.3s;
    cursor: url('/img/bxs_hand-down.png'), auto;
}

.gallery-image:hover {
    transform:scale(1.04);
}

.basicLightbox {
  background: rgba(46, 47, 66, 0.8);
}

.basicLightbox__placeholder img {
  max-width: calc(100vw - 328px);
  max-height: calc(100vh - 56px);
}