@Tara1224 Here's a very simple CSS edit to help improve the hover-zoom effect on your corpus analysis page!
When we hover, we see a part of the image, but we lose the edges as the zoomed area is confined to the frame of its container element. I cloned your repo to tinker with the CSS a little and I found how to fix it: just remove the overflow:hidden property from the .img-wrap container element: I commented out this part:
/* ---- HOVER EFFECT ---- */
.img-wrap {
/*overflow: hidden;*/
/* position: relative;*/
}The result allows the image to zoom out past its initial boundaries so we can see the whole thing, like in this image:
@Tara1224 Here's a very simple CSS edit to help improve the hover-zoom effect on your corpus analysis page!
When we hover, we see a part of the image, but we lose the edges as the zoomed area is confined to the frame of its container element. I cloned your repo to tinker with the CSS a little and I found how to fix it: just remove the
overflow:hiddenproperty from the.img-wrapcontainer element: I commented out this part:The result allows the image to zoom out past its initial boundaries so we can see the whole thing, like in this image: