Responsive article preview component

What are you most proud of, and what would you do differently next time?

I am just proud that I managed to complete this challenge.

What challenges did you encounter, and how did you overcome them?

• I had a tough time aligning the image like it was in the design. In the design I had to hide about a quarter of the image so it was bit hard doing that. I used a position: relative; on the image so that I could move it around and z-index: -10; to send it behind the card.
• I also didn't know how to design the bubble for the share links while in desktop but later I went through someone's solution (which I am not able to link here cause I lost the source) and realized it could be done using the ::after psuedo-element.

What specific areas of your project would you like help with?

I would appreciate a better solution to making the main card image look like in the design with about a quarter of it hidden. In my case I have done it using position: relative;