Lightbox Images in CSS Grid not Stretching Properly

I have created this site www.littlehorseshoelake.com (click on the word Horseshoe at the bottom to go past the holding page). Some of the images used to front the lightboxes on the Gallery tabs are not stretching to fill the frame. Island Lodge is perfect but the other three lodges have issues. I have tried everything I can think of, so as usual I am missing something simple - hope someone can help, I really like this site and want it to look awesome. Thank you.


Here is my site Read-Only:https://preview.webflow.com/preview/lhsl?utm_source=lhsl&preview=252881c5135309ec05d7f8a96add3762
(how to share your site Read-Only link)

Can anyone help please?

1 Like

Hey @Roxzfr :wave:

So for this I would not use images in the lightbox, but instead use the lightbox with a background image. You will need to add a sub-class to each lightbox to make sure they don’t show the same image, here’s a video to show you what I mean…

Click here to see the video

CloudApp

I hope this helps, please reach out if you have any more questions! :smiley:

1 Like

That is brilliant @magicmark - thank you so much

1 Like