gallery css

/* styles.css */

/* Style for thumbnails */
.thumbnail {
  width: 100px;
  height: 100px;
  margin: 10px;
  cursor: pointer;
}


#image-container {
  /* Your CSS styles for the larger image container */
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2; /* Set an appropriate z-index value */
  align-items: center;
  justify-content: center;
  cursor: pointer; /* Add a pointer cursor to indicate it's clickable */
}

/* Style for the larger image */
#larger-image {
  max-width: 80%;
  max-height: 80%;
}

/* Add margin to the second column (thumbnails) */
.col-md-3.col-sm-6:nth-child(2) {
  margin-top: 2px; /* Adjust the margin value to your preference */
}

/* Reduce margin between list items (thumbnails) */
.services-content ul li {
  margin-top: 2px; /* Adjust the margin value to your preference */
}