.project-art-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 264px;
  padding: 26px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: start;
}
.project-card-art {
  position: absolute;
  top: 18px;
  right: 8px;
  height: calc(100% - 36px);
  width: 40%;
  z-index: -1;
  pointer-events: none;
  opacity: .9;
  -webkit-mask-image: linear-gradient(to right, transparent, rgba(0,0,0,.45) 28%, #000 75%);
  mask-image: linear-gradient(to right, transparent, rgba(0,0,0,.45) 28%, #000 75%);
}
.project-art-card h3, .project-art-card p { max-width: 56%; }
.project-art-card h3 { font-size: 22px; }
.project-art-card p { color: #d0d6e8; text-shadow: 0 1px 8px #0d1629; }
.project-art-card .card-actions { margin-top: 22px; align-self: end; }
@media (max-width: 520px) {
  .project-art-card { padding: 22px; min-height: 280px; }
  .project-card-art { right: 6px; width: 34%; opacity: .65; }
  .project-art-card h3, .project-art-card p { max-width: 64%; }
}