Here’s a sample page in my website where I use Lightbox on every image.
The reason I use Lightbox is so when people click the images, they get an enlargement. The problem is that when you mouseover, the circle with the little “+” inside is not located perfectly center to the image. It seems to be centering based on the Column that contains the image, which I find very odd because Lightbox is placed directly on the images, not on the Column that contains the images! As a result, that circle is not centered on the image in LG, MD, or SM breakpoints, but it is perfectly centered on the images in XS.
How do I make the circle be perfectly centered inside its associated image in all breakpoints?