VR Headsets
    head-mounted display
  

.card {
  position: relative;
  overflow: hidden;
  display: flex;

  width: 400px;
  border-radius: 10px;
}

.card::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;

  transform: translateY(101%);
  transform-origin: bottom;

  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* -------- Content ------- */
.card__content {
  position: absolute;
  bottom: 12%;
  left: 8%;
}

.card__content::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 0;
  height: 2px;

  background-color: var(--white);
  transform: translateY(40px);
  transform-origin: left;

  opacity: 0;
  transition: transform 0.5s linear, opacity 0.5s linear, width 0.5s linear;
}

.card__content .card__title {
  color: var(--white);

  font-size: var(--fontSizeLarge);
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.5s linear;
}

.card__content .card__category {
  display: block;

  margin-top: 5px;
  color: var(--white);
  font-size: var(--fontSizeRoot);
  transform: translateY(150px);

  opacity: 0;
  transition: transform 0.5s ease-out 0.1s, opacity 0.5