.portrait.placeholder{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 34%,rgba(189,214,110,.28) 0 26%,transparent 26.4%),
    linear-gradient(145deg,#dfe9df,#b9cbb8);
}

.portrait.placeholder:before{
  content:"";
  width:64px;
  height:64px;
  border-radius:50%;
  background:#f6f8f2;
  box-shadow:0 84px 0 38px #f6f8f2;
  opacity:.92;
  transform:translateY(-46px);
}

.portrait.placeholder:after{
  content:"PEYZAJDER";
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  color:#456c51;
  font:700 9px Manrope,sans-serif;
  letter-spacing:.15em;
  opacity:.7;
}

.portrait.placeholder span{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#173523;
  color:#bdd66e;
  font:700 11px Manrope,sans-serif;
  letter-spacing:.04em;
}

.board-card.featured .portrait.placeholder:before{
  width:78px;
  height:78px;
  box-shadow:0 100px 0 46px #f6f8f2;
  transform:translateY(-54px);
}