a {
  color: #f5f5f5; 
  text-decoration: none;
}

a:hover {
  color:#829896;
  cursor: cell !important;
  text-decoration: none;
}

.card:hover{
  color:#829896;
  cursor: cell !important;
  text-decoration: none;
}

.btn:hover {
  cursor: cell !important;
}

.col-auto{
  margin-bottom: 130px;
}

#fade {
  width: 250px;
  height: 250px;
  /* position:relative;
  margin:0 auto; */
}

#fade img {
  /* position:absolute;
  left:0; */
  width: 250px;
  height: 250px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#fade:hover img.top{
  display:none;
  cursor: cell !important;
  }
#fade img.bottom{
  display:none;
  }
#fade:hover img.bottom{
  display:block;
  cursor: cell !important;
  }

/* .filter-btn {
  display: flex; 
  justify-content: ;
} */