.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  height: 350px;
  width: 350px;
}

.gallery-item img {
  height: 350px;
  width: 350px;
  border-radius: 24px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.1);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 42, 96, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-item:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 5.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* Ensure there's no border on the Lightbox image itself */
.lb-image {
  border-radius: 25px !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* If the wrapper around the image has padding or a border */
.lightbox {
  border: none !important;
  padding-top: 40px !important;
  box-shadow: none !important;
  background-color: transparent !important; /* Optional: remove background */
}