enlarged image not on top

[nasirkhannstu]

I want Enlarged image on top.
I use bootstrap 4 for layout this page. Left is col-md-4 and right one is col-md-8.

[jjklee]

I had this same issue and was able to fix it with setting the class name for the enlarged image and setting the z-index in the css.

jsx:
<ReactImageMagnify {...{ enlargedImageContainerClassName: "enlargedImage", ...

css:
.enlargedImage { z-index: 1; }

[neilenns]

I had this issue as well and solved it the same way: z-index: 1.