.image-grid-block {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; /* Adjust as needed */
}

.image-grid-block .field__item {
  min-width: 206px;
  flex: 0 0 calc(16.666% - 10px); /* Four columns wide with gap */
  overflow: hidden; /* Prevents the image from overflowing its container */
  transition: filter 0.3s ease; /* Adding transition for filter property */
  border: 1px solid white; /* Adding thin white border */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adding shadow effect */
}

.image-grid-block .field__item img {
  transition: transform 0.3s ease; /* Adding transition for transform property of the image */
}

.image-grid-block .field__item:hover img {
  transform: scale(1.1); /* Zoom effect on hover */
}

.image-grid-block .field__item:hover {
  filter: grayscale(100%); /* Black and white effect on hover */
}