Images Center Alignment Not Displaying

I’ve been trying out just about all CSS mentioned in this forum to make the images center – but it’s not happening. It shows fine on the editor, but not on the actual screen.

Here are all the codes I’ve added in Custom CSS, but one of them worked:

.elementor .elementor-widget:not(.elementor-widget-text-editor) .wp-block-image figure {
margin-left: auto;
margin-right: auto;
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: block;
text-align: center;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.aligncenter {
display: block;
margin: 0 auto;
}
img.centered, .aligncenter, div.aligncenter {
display: block !important;
}
img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}
img{
text-align:center;
margin:0 auto;
}

Any input is appreciated.`

The page I need help with: [log in to see the link]