Images seem to be shifted to the right in mobile view

Site URL: https://www.oscarmay.com/

Hi there, 

I wonder if anyone can help me. The images on my site are quite off-center when viewing my site on a mobile (particularly noticeable when looking at an image in lightbox). I realise it could be something to do with the custom css I have used, but I can't identify how to fix it!

Is there something I can do to re-centre them? 

the website is https://www.oscarmay.com 

Many thanks, 

Oscar

I see problem appears in lightbox only. Try adding this to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-lightbox[data-open='true'] {
    padding: 0 !important;
}
}

Thank you so much, Tuanphan, that worked well for me!