* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body {
  width:100%;
  height:100vh;
  background-color:#dbdbdb;
}
.holder {
  width:100%;
  height:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
}
.coll {
  width:34%;
  height:100%;
  transition:ease 1s;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:grayscale(100%);
  display:flex;
  align-items:center;
  font-size:5vw;
  font-family:TEko;
  color:white;
  display:flex
  
}
span {
  width:100%;
  text-align:center;
}

h1 {
  font-size:30px;
  
}
.coll:hover, .active {
  width:100% !important;
  filter:grayscale(0%);
  color:#8300CA;
  text-shadow:none;
  cursor:pointer;
  display:flex !important;
  font-size:10vw !important;
  text-shadow: 2px 2px black;
}
.hidden {
  width:0%;
  font-size:0px;
}