Center image and icons inside div -Bootstrap

Hi coders,
I have some trouble with center an image inside a div.
Same problem with social media icons.
I try to add class="text-center" but doesn’t work.
I use bootstrap for this small project


This final result and this my link :
https://codepen.io/camilco/pen/KKpBBGa

Thanks!!!

The wrapper div is not closed by the way.

Try :


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
...
<IMG class="displayed" src="..." alt="...">