.item-card {
  position: relative;
  overflow: hidden;
  margin: 5px;

  .content-holder {
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    inset: 0;
    transform: translateY(-110%);
    transition: 0.5s all ease-in-out;
    backdrop-filter: blur(1px);
    background: #0000003f;
    color: aliceblue;
    text-transform: capitalize;
    h3 {
      opacity: 0;
      transform: scale(0);
      transition: 0.8s all ease-in-out;
    }
  }
}

.item-card:hover .content-holder {
  transform: translate(0%);
  h3 {
    opacity: 1;
    transform: scale(1);
  }
}