Bootstrap img-responsive\fluid won't get the job done

I am trying to center my image at the middle of the page by using img-responsive/img-fluid, but they don’t change anything…
I tried doing what the other threads say but it wont help.
Here is my Pen:

Thanks in advance :slight_smile:

edit: almost gave up and then added the class “center-block”. Still don’t understand why img-responsive alone didn’t work in my case as in other people’s projects.

img-responsive and img-fluid (which are the same thing but from Bootstrap 3 and Bootstrap 4, respectively) are not positioning classes. They only give an image a width of 100% and height of auto, making it… well, responsive or fluid.

What are the projects where you saw those classes centering an image? Glad you solved the issue, anyway.