#folderpic-container {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
#folderpic-container .folderpic {display:flex}
#folderpic-container .folderpic:hover {background:none;}
#folderpic-container .folderpic a {flex-basis:290px;height:170px;position:relative}
#folderpic-container .folderpic a img {object-fit:cover;width:100%;height:100%}
#folderpic-container .folderpic a img:hover {transform:none}
#folderpic-container .folderpic .folderpic-name
{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(57, 57, 57, 0.502);
  top: 0;
  left: 0;
  transform: scale(1);
  transition: all 0.2s 0.1s ease-in-out;
  color: #fff;
  border-radius: 0;
  /* center overlay text */
  display: flex;
  align-items: center;
  justify-content: center
}

/* hover */
#folderpic-container .folderpic a:hover .folderpic-name {
  transform: scale(0);
}

#folderpic-container .emptyfolder {padding-top:50px;color:darkred;}