The image in the div is supposed to be at the center but is aligned to the right of the parent div element. How can I bring to the middle?

position: absolute; on the image container/parent is the culprit here, remove that, you do not it.

I’ve actually used margins to sort the issue. I needed to use position:absolute because I wanted to place it at the bottom,that’s why.