I have a lightbox in use on this page: https://theloganschool.webflow.io/about-logan
If you click on the image of the school the lightbox displays. When I look at it in Firefox or Chrome, I experience the same problem. The caption is half overlaid on the image on the bottom and half overhanging the image (hanging off of the bottom). When I analyze the code I can see that figcaption can be adjusted to fix the issue… but I can’t see the css that’s causing the issue in the first place. I’m happy to create custom css to fix the issue, but wanted to see if the issue can be resolved by removing anything, first. Thanks!
Here is my site Read-Only: https://preview.webflow.com/preview/theloganschool?utm_medium=preview_link&utm_source=designer&utm_content=theloganschool&preview=47a85607eb288876e96a92d2ad8ccac4&pageId=5e0f7d446a42a47f554b4c05&mode=preview