How to center images?

max-width: 100%;
height: auto;
margin: 0 auto !important;
right: 0;

What exactly are you proposing? Are you just pointing out the problem? What do you think should be the alternative?

Right now, the way it works is that the image will always be 100% width and then the container’s height will adjust to the height of the image. If the image is less than 100% Is it not working that way for you?

For me, the only thing that seems weird is that the container’s height is not being adjusted properly.

Can you send me a link for me to take a look at this? I’m a bit confused.

Wait, it seems you want to center the images. Sorry, I didn’t read the title.

Wouldn’t it work of you went into the CSS and added this:

.jsj-gallery-slideshow-gallery-container.jsj-gallery-slideshow-classic .jsj-gs-gallery img {
    ...
   left: 0;
   right: 0;
   margin: auto;
}

Let me know if that works.