.vt-infobox {
  display: none;
  position: absolute;
  background-color: var(--infobox-image-source-background-color);
  z-index: 1000;
  padding: 12px;
  color: #fff;
  width: 150px;
  font-size: 0.8rem;
  box-sizing: border-box;
/*   height: 70px; */
}

.vt-infobox:after {
  content: "";
  height: 15px;
  width: 15px;
  position: absolute;
}

.vt-infobox[data-info-position="top"]:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid var(--infobox-image-source-background-color);
  bottom: -10px;
  left: 5px;
}

.vt-infobox[data-info-position="bottom"]:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid var(--infobox-image-source-background-color);
  top: -10px;
  left: 5px;
}

.vt-infobox[data-info-position="left"]:after {
  border-left: 15px solid var(--infobox-image-source-background-color);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  right: -10px;
  top: 5px;
}

.vt-infobox[data-info-position="right"]:after {
  border-right: 15px solid var(--infobox-image-source-background-color);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: -10px;
  top: 5px;
}