Responsive layout using simple HTML, CSS and Flex.

This is my first junior challenge and first time using position:absolute to overflow a div over another. It felt really awkward aligning the speech baloon (even harder to make a triangle to fit below it to look like the original design) and I feel like it could be done in a so much simple way that any tips on how to work with an overflow element that is positioned partially outside the parent div is very welcomed! Thanks in advance!