Lightbox not centering in mobile

Hey!
So I have managed to center my lightbox in desktop view with this amazing workaround:

<style>

.w-lightbox-strip {display: none;}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 100%;
.w-lightbox-content {margin-top: 0;}
`

i got the code from this post:

However my lightbox still does not center in both mobile views…
any ideas why?
Thanks in advance!