Just noticed that on the Circular Image Grid if you mouse over on the edge at the half way mark around each circle the image can’t decide whether to expand or not and just flickers

It’s your responsibility (not mine) to correctly name the variables. I am not giving you a code to copy/paste, I am detailing CSS tricks and how to use them and the logic behind them. I am also detailing the purpose of each variable when used so I can give them any name I want, it doesn’t matter.

It’s not my fault if people came here to simply do a copy/paste of code. They need to first understand the code and then use it. Naming the variable will depend on where you will use them on your real project. If you will simply take the names I will give them it doesn’t make sense because they may conflict with other variables names you are already using. So in all the cases, you have to rename them.