Article Preview Component (HTML + CSS + JS)

Hello community,

Thank you for passing by my solution. I took some time with this solution since some things where a little bit tougher than expected. If anyone wants to help me answering some inquires it would make me very happy:

1. I used an ::after to create the triangle in the socials tooltip, is this the best alternative?

2. What is the best way to position the image inside parent area? I feel the end result was not that exact compared to the design.

Thank you once again for coming by. I hope you have a great day.