.coll-layout {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.item {
  background-color: #fff;
}

.coll-content {
  display: flex;
  position: absolute;
  top: 14.5%;
  z-index: 2;
}

.coll-content.animation {
  transition: all .3s linear;
}

.coll-content>div {
  flex: 0 0 auto;
  width: 26.6%;
  margin-right: 5.8%;
  transition: all .3s linear;
}

.coll-content>div>img {
  width: 100%;
}

.title {
  position: absolute;
  bottom: 7.2%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
  color: #B48A4E;
  font-weight: 300px;
}

.definition {
  position: absolute;
  filter: blur(4px);
  transform: translateX(0);
  opacity: 0;
}

.definition.animation {
  transition: all .3s linear
}

.active {
  filter: blur(0);
  opacity: 1;
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  width: 70% !important;
  top: 41.7% !important;
}