Gallery Block Images Moving Spots while Scaling down - trying to center align last row.

Hi there,

So i'm trying to justify the last row of the gallery blocks to be centered. It was working for a bit, but then I ran into this really funky glitchy movement. and it will only stay center justified while I'm actively editing. When its on the live site it goes back to either being left aligned or spaced out and switched around?

@tuanphan if you could help that would be amazing.

Screenshare here: https://www.loom.com/share/35feea46c6ac4a57b3e45a90df6fb665 

Website: https://www.carlakhabbaz.com/

Pw: CK2022!

This is what its doing:

As i scale down the screensize, it jumps around and moves to different positions.

This is what I want it to be, it looks like this in edit mode.

Add this to Design > Custom CSS to prevent this

/* gallery block fix images */
#block-yui_3_17_2_1_1656012828596_6648 .sqs-gallery-block-grid .sqs-gallery-design-grid .slide {
    position: static !important;
}