How to centre a resized image?

[joshuaknipe]

Hi there! Thanks for everyone's' work on this awesome project! I installed Congo via the Hugo Modules method so unfortunately cannot use the tailwind jit complier for this solution: #323
Is there any other way I can centre a resized image? I have created a custom.css file in assets/css with the following content:

.center-image {
display: block;
margin-left: auto;
margin-right: auto;
}

My actual post then has the following shortcode:

{{< figure
src="images/calendar.png"
alt="Calendar plugin example"
caption="Calendar plugin"
default=true
width="50%"
class="centre-image"
>}}

but the image is still left aligned

Thank you!

[GorkemGuray]

check this
#771 (comment)