.imgContainer {
  width: 31%;
  margin: 1%;
  overflow: hidden;
  display: block;
  float: left;
  opacity: 0.75;

}
.imgContainer:hover{
  opacity: 1;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}
.imgContainer img {
  width: 100% !important;
  height: auto !important;
}
.filter {
	text-transform: capitalize;
	margin: 1%;
	width: 23%;
}  
.filter.active {
	background-color: #e5e5e5;
	color: #000 !important;
	cursor: default !important;
}

@media (max-width: 767px)
{
  .filter{
    display: block;
    width: 100%;
    color: #fff;
  }
}