Personal Portfolio question about Bootstrap container

I’m starting learning freeCodeCamp, and now I’m working on my Personal portfolio
I’m using Bootstrap
Here is my code on CodePen
I added my photo in to the container but photo is out of container, in the img tad I’m using class=“img-responsive” but it doesn’t help me. All saw when I resize the screen from md to the sm or less my container hidden below the nav tag,
what I’m doing wrong?

There should only be one container on your pages, and it should encompass the entire section where you use the grid layout, so start there.

From the official Bootstrap 4 documentation: