Adaptive Scrim

Combo light-dark() with Temani's great border-image techniques. .card > figcaption { color : light-dark(#000 , #fff ); border-image : fill 0 conic-gradient (light-dark(#fff8 , #0008) 0 0 ); } Try it on Codepen