Lightbox images off-centre AFTER publishing

Hi all, I’m hoping someone can help me troubleshoot this issue. Here’s a read-only link to my build:

https://preview.webflow.com/preview/am-photography-8953e8-9aba2833b0c37d9df?utm_medium=preview_link&utm_source=dashboard&utm_content=am-photography-8953e8-9aba2833b0c37d9df&preview=b5cd424c8c19458d75a44eef19e4bb7d&workflow=preview

On the Photography page, when I click on an image in the Webflow designer and the lightbox pops up, it is perfectly centred. However, on the published site it is off to the left. I am not sure what has happened as this seemed to be working fine just a day ago. I’ve checked all my flex grid options and everything seems fine, so I’m not sure what’s going on. Would be very grateful for some help!

Hi! Not sure why this is happening but I solved it by adding next style to the global custom code head tag

.w-lightbox-backdrop {
text-align: center !important;
};