.document-display {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}

.site-container.document-display-module {
  padding-top: 0;
  padding-bottom: 0;
}

.document-card .card-title {
  color: #011E41;
  text-align: center;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.055em;
  margin: 12px 0px;
}

.document-card .card-descr {
  color: #011E41;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2.45em;
}

.document-display .img-container {
  height: 22.28763em;
  width: 15.92725em;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

.document-display .img-container::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%), transparent 50% / cover no-repeat;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
}

.document-display:hover .img-container::after {
  transition: all 2s;
  opacity: 1;
}

.document-card {
  padding: 10px;
}