So, I created this website and added a div section and in that div, I added three columns and in those columns, I added head text, para, an overlay. I also added some interaction, it’s like when someone hovers over it the para, head text and that overlay disappears and the picture zooms in.
Now, all looks fine when you see it first but when you go to the third column and hover over it, it zooms but then it creates some extra space on the right. I don’t know why. I mean I want to make the column container fixed so that even if the picture zooms it should remain inside that column container.
Any help would be great.
Thank you in advance.
Here is my site Read-Only: https://preview.webflow.com/preview/sagars-marvelous-project-e107ae?utm_medium=preview_link&utm_source=designer&utm_content=sagars-marvelous-project-e107ae&preview=5b2f722f268f9a5f9dcbbf57616538e5&mode=preview