and as a side note, to ensure that screen readers don't spout nonsense for these, they're marked as role=img and given an appropriate aria-label, which causes screen readers to treat them as if they're just a regular image. the actual alt text for these on the website is "light-dark face beside text LTDK" but since this post is specifically highlighting the way I made them work, I elaborated in the alt text for the images here