I was working on a frontend issue related to CSS and shadows. There was a card element with a photograph on the left and a white container on the right with som

I was working on a frontend issue related to CSS and shadows. There was a card element with a photograph on the left and a white container on the right with some information, and it looked like the shadow below the card was a different color below the photograph than below the rest of the card. __________ |photo|info| |_____|____| [ shadow ] After debugging the CSS and inspecting every element, I couldn't figure it out. I ended up taking a screenshot, zooming in to the pixels in GIMP, and using the color picker to see just how different they were, but it turned out the shadow was the same color! It was the same principle behind the checker shadow optical illusion (https://en.wikipedia.org/wiki/Optical_illusion#/media/File:Checker_shadow_illusion.svg https://en.wikipedia.org/wiki/Optical_illusion#/media/File:C...), where the darker side (the photograph) made the shadow look lighter than the shadow below the lighter side. Definitely made for an interesting writeup as I closed the issue.