.image-card-bottom {
  border: 0;
}
.image-card-bottom .card-body {
  background-color: var(--bs-light);
}


.image-card-top img {
  transition: all .3s ease-in-out;

}

.image-card-top img:hover {
transform: scale(1.1);
}

.image-card-top figure {
  overflow: hidden;
}

.image-card-top .filter-100,
.image-card-top .filter-75,
.image-card-top .filter-50,
.image-card-top .filter-25{
  background-color: var(--bs-primary);
}

.image-card-top .filter-100 img,
.image-card-top .filter-75 img,
.image-card-top .filter-50 img,
.image-card-top .filter-25 img
{
  filter: grayscale(1);
}
.image-card-top .filter-100 figure{
  opacity: 1;
}
.image-card-top .filter-75 figure{
  opacity: .75;
}
.image-card-top .filter-50 figure{
  opacity: .5;
}
.image-card-top .filter-25 figure{
  opacity: .25;
}