:root{
  /* --videoicon: "⏵"; */
  --videoicon: "◯";
}

.videocontainer div, .videocontainer span {
  /* content: attr(data-content); */
  position: absolute;
  font-size: 96px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  color: whitesmoke;
}
.videocontainer span {
  filter: drop-shadow(-1px 4px 6px black);

}
  .videocontainer {
    position: relative;
    display: inline-block;
  }
  .videocontainer:hover span {
    display: none;
  }
  @media (hover:hover){
    video.projectimage.videothumbnail {
      opacity: 80%;
      filter: blur(1px);
    }
  }
  video.projectimage.videothumbnail:hover {
    opacity: 100%;
    filter: none;
    border: none;
  }
  .loadingicon{
  width: 96px;
  height: 20px;
  background: none;
  border: 2px solid whitesmoke;
  }

  video{
    clip-path: inset(1px 1px 1px 1px);
  }