div.document {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
div.document div.img {
  width: 100%;
  max-width: 400px;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 16/9;
  filter: drop-shadow(5px 5px 5px gray);
}
div.document div.text {
  max-width: 40vw;
  min-width: 300px;
}
div.document div.text > * {
  margin: clamp(10px, 2vw, 20px) 0;
}
div.document div.text restricted:before {
  content: "* This document requires authentication to view";
  color: red !important;
  font-size: clamp(15px, 1.9vw, 18px);
}

/*# sourceMappingURL=documents.css.map */