/* Make the overlay link fill the card without changing your .box styling */
.two-column-section .wrap.dis-flex .box { position: relative; } /* you already have this, but keep it */
.two-column-section .wrap.dis-flex .box .box-link {
  position: absolute;
  inset: 0;               /* top:0; right:0; bottom:0; left:0; */
  display: block;
  text-decoration: none;.two-column-section .wrap.dis-flex .box { flex: 0 0 calc((100% - 60px) * .25); height:465px; ... }

  color: inherit;
  z-index: 5;             /* sits above background, below your text if needed */
}
.two-column-section .wrap.dis-flex .box:hover { transform: scale(1.02); transition: transform .18s ease; }