/* Контейнер для текста должен быть с относительным позиционированием,
   чтобы мы могли абсолютно позиционировать скрытый блок */
.lpc-folder-3__name {
  position: relative;
  overflow: hidden;   /* чтобы скрытый текст не вылезал за пределы */
  /* задайте высоту, если нужно ограничить видимую область */
}

.lpc-folder-3__image::before {
	background-color: rgba(0,0,0);
	opacity: .2;
	transition: opacity 0.3s ease;
}

.lpc-folder-3__item-box:hover .lpc-folder-3__image::before {
	background-color: rgba(0,0,0); /* пример затемнения фона */
	opacity: .65;
	
}

.lpc-folder-3__name {
	transform: translateY(80%);  /* полностью скрыт внизу */
}  

.text-zag {
	margin-bottom: 15px!important;
	font-weight: 700!important;
}

/* Скрытый текст */
.text-over {
  width: 100%;
  color: #fff;
  line-height: 1.5!important;
  font-size: 15px!important;;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  /* можно добавить opacity для плавности, но transform достаточно */
  box-sizing: border-box;
}

/* При наведении на родительский блок поднимаем текст */
.lpc-folder-3__item-box:hover .text-over {
  transform: translateY(0);
  opacity: 1;
}