Tribute Page - img alignment trouble

Hello - I’d appreciate your guidance on how to remedy two troubles with the image:

(but first, please know this site is still very much a DRAFT, maybe 30% complete)

  • trouble #1 - img is not centered
  • trouble #2 - img container is wider than the other three containers
I’ve read Bootstrap doc and searched google for assistance. Doing this helped fix a few other troubles, but I’m unable to solve the image alignment on my own. link to Pen - [Johnny Cash Tribute] https://codepen.io/ConnectExtend/pen/OxBydM Thank you for your time and assistance,
Janice
#img div{
  margin:0 auto;
}

try adding the code above to your css, is this the effect you were trying to achieve?
Edit :

For the 2nd trouble try adding the margin:0 to your #img id also

#img{margin:0;}

dear @Megh

You provided solutions to both issues! Thank you!