.vd-directory .card:after {
  content: "";
  height: 2em;
}

.vd-directory .card-1:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%23ff9c00'/%3E%3C/svg%3E");
}

.vd-directory .card-2:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%23697983'/%3E%3C/svg%3E");
}

.vd-directory .card-3:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%23ffff00'/%3E%3C/svg%3E");
}

.vd-directory .card-4:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%2340d940'/%3E%3C/svg%3E");
}

.vd-directory .card-5:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%2382afcc'/%3E%3C/svg%3E");
}

.vd-directory .card-6:after {
  background-image: url("data:image/svg+xml,%3Csvg height='4' width='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0zM2 2h1v1H2z' fill='%239900ff'/%3E%3C/svg%3E");
}