Need help with centering div

I am working on the FCC Tribute Page and I can’t get my image to center if it has an image in the background.
Codepen link: https://codepen.io/CalvinHaworth/pen/dyogZgm

I found the solution. Turns out using margin-left: auto; and margin-right: auto; did the trick.