.card{
  width:512px;
  height:512px;
  background-image: var(--card-tile);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
  position:relative;
  margin: 0 auto;
}
.card::before{
  content:"";
  position:absolute; inset:0;
  background: url('/wp-content/themes/mithis/assets/images/256px-sq-1.00alpha-mithyr-overlay.png') 0 0 / auto repeat;
  opacity:.32; mix-blend-mode:multiply; pointer-events:none;
  clip-path: inset(0 43px);
}